如何在一對標簽中輸入文字，例如“ <h1> 我的頭 </h1> ”，通過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);

這是Dom的正常方法

Answer 4

使用el.firstChild.nodeValue

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

在這種情況下，使用innerHtml還將返回文本值，因為沒有子元素，但是如果有任何子元素，它們也將作為字符串（例如，我的頭）返回，聽起來像不是您想要的。