如何使用Javascript中的“<h1> my head </h1>”中的“my head”中的一对标签中的文本？

Question

E.g。

<h1>my head</h1>

据我所知，以下代码可以打印h1，

var el = document.getElementsByTagName('h1')[0];
alert("tag : "+el.tagName);

但是，我怎么能在一对标签之间得到文本，即my head？

Answer 1

使用element.innerHTML

var el = document.getElementsByTagName('h1')[0];
alert("tag : "+el.innerHTML);

Answer 2

尝试regx

var str = "<h1>my head</h1> ";

var result = str.match(/<h1>(.*?)<\/h1>/g).map(function(val){
   return val.replace(/<\/?h1>/g,'');
});

element.innerHTML

function getValue(){
var x=document.getElementsByTagName("h1");
alert(x.innerHTML);
}

<子> <子> <子>

Answer 3

alert(el.firstChild.data);

这是Dom的正常方式

Answer 4

使用el.firstChild.nodeValue

var el = document.getElementsByTagName('h1')[0]; 
alert("tag : "+el.firstChild.nodeValue);

在这种情况下，使用innerHtml也会返回文本值，因为没有子元素，但是如果有任何子元素，它们也会以字符串形式返回（例如，我的头部），这听起来不像你想要的那样。 / p>