Question

在以下div标签中，我只想将内容“ Bank Towers，Commissariat Road，M G Road Bangalore ”存储到某个变量中。怎么可能呢？

<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

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

Answer 2

由于你没有提到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 3

您可以使用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 4

只需为div提供一个id并使用该id访问值。例如，

<div class="InfoWindow1"><div class="InfoWindow" id="div1">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>

<script>
 var x=document.getElementById('div1').innerHTML;
 alert(x);
</script>

Answer 5

您可以通过简单地遍历元素并使用nodeElement的textContent属性来完成此操作。

elems = document.getElementsByClassName('InfoWindow'); 
// can be any desired selector type.

for( var i = 0; i < elems.length; i++){
    console.log(elems[i].textContent);
}

<强> textContent Docs

Working Example

如何只显示div标签中的内容

5 个答案: