如何仅显示 div 标签中的内容答案

【问题标题】：How to show just the content from the div tag如何仅显示 div 标签中的内容
【发布时间】：2013-07-31 06:58:40
【问题描述】：

在下面的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>

提前感谢您的帮助！！

【问题讨论】：

标签： javascript html google-maps

【解决方案1】：

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

【讨论】：

【解决方案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/

【讨论】：

【解决方案3】：

您只需为 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>

【讨论】：

【解决方案4】：

您可以通过简单地迭代元素并使用 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

【讨论】：

感谢您提供信息... 我设计了显示多个标记的 Google 地图。单击任何标记时，会出现带有相应标记信息的信息窗口。我想将该 inf 存储在变量中。上面的代码设法存储它，但它没有为每个标记显示正确的 inf。什么可以解决这个问题。您能否参考以下网址，我在其中详细提到了要求 --- stackoverflow.com/questions/17940144/…

【解决方案5】：

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

【讨论】：