javascript - div タグの内容だけを表示する方法

Question

次のタグでは、「 Bank Towers, Commissariat Road, MG Road Bangalore」というコンテンツを変数divに格納したいだけです。どうしてそれが可能でしょうか？

<div class="InfoWindow1">
     <div class="InfoWindow">
          Bank Towers, Commissariat Road, M G Road Bangalore
     </div>
     .
     <br/> 
     <br/>
     <div class="InfoWindow">
          <b>Working Hours: </b>
          <br/>
          08:30 - 21:00
     </div>
</div>

よろしくお願いいたします。

Answer 1

jQueryについて言及していないので、純粋なjavascriptを想定しています：

function getClassContent(className) {
    var elems = document.getElementsByTagName('*'), i;
    for (i in elems) {
        if((' ' + elems[i].className + ' ').indexOf(' ' + matchClass + ' ') > -1) {
            return elems[i].innerHTML;
        }
    }
}

divContent = getClassContent("InfoWindow")

これは、この回答の修正版です: How to Get Element By Class in JavaScript?

Answer 2

jQueryを使用して、コンテンツをデータとしてdivに配置できます。ただし、div に ID を指定する必要があります。

<div id="example" class="InfoWindow">
<script>
    $("#example").data("some_data", "Bank Towers, Commissariat Road, M G Road Bangalore");
</script>

データが必要なときはいつでも電話してください...

$("#example").data("some_data");

ここに簡単なデモがあります: http://jsfiddle.net/fQBJB/

Answer 3

var variable = document.getElementById('yourDivId').innerHTML;