我想从h4标签中获取文本

i want to get the text form the h4 tag

本文关键字：获取 取文本 标签 h4      更新时间：2023-09-26

如何从

获取文本值
<div   style="margin-top:15px;"   class="shortHeader"   id="someid">
  <div>
    <h4 id="someidvalue">text</h4>
  </div>
</div>

我已经尝试了下面的代码，它说未定义:

document.getElementById("someid").getElementsByTagName("div")[0]
        .getElementsByTagName("h4")[0].innerHTML;

可以使用innerHTML

document.getElementById("someidvalue").innerHTML

演示:http://jsfiddle.net/5bUg4/

你可以这样做: 

 var data=document.getElementById("someidvalue").innerHTML
 console.log(data);

检查控制台..是否得到正确的数据

当所有的文档。getElementById的帖子应该工作良好，我只是想为您提供一个替代的最新浏览器，将允许您非常具体的选择。

var text = document.querySelector("#someid div h4").innerHTML;
alert(text);
演示

H4元素可以包含标记，例如

<h4>Jones, Smith, <em>et al</em></h4>

所以如果你想使用innerHTML标记。但是，如果您只想要文本和任何子元素的文本，请基于一个简单的测试使用W3C textContent或IE innerText属性:

var element = document.getElementById("someidvalue");
var text = element.textContent || element.innerText || '';

如果您不确定元素是否存在，请先测试它:

var text = element && element.textContent || element.innerText || '';

因此，如果没有找到元素，文本要么为空，要么为(可能为空)字符串;

相关文章：