javascript - 「私の頭」のような、タグのペア内のテキスト

Question

例えば

<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);

これはドムの通常の方法です

Answer 4

el.firstChild.nodeValueを使用します

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

この場合、innerHtmlを使用すると、子要素がないためテキスト値も返されますが、子要素がある場合は、希望どおりに聞こえない文字列（たとえば、私の頭）として返されます。