Question

我有一个<h6>标记如下：

<h6 id='some-id' value='processing'> Processing </h6>

我无法使用以下脚本获取<h6>的值：

var processing_status = document.getElementById('some-id').value;

我无法理解这里有什么问题？

Answer 1

这可以通过以下不同方式完成：

var processing_status = document.getElementById('some-id').innerHTML;

var processing_status1 = document.getElementsByTagName("H6")[0].getAttribute("value");

Answer 2

这可以通过以下不同方式完成：

var processing_status = document.getElementById('some-id').innerHTML;
console.log(processing_status);
var processing_status1 = document.getElementsByTagName("H6")[0].getAttribute("value");
console.log(processing_status1);

<h6 id='some-id' value='processing'> Processing </h6>

Answer 3

＆lt; p＆gt;只有在加载HTML后才能读取id的值。请将其放入＆lt; code＆gt; onload＆lt; / code＆gt;或者在＆lt; code＆gt; document.ready＆lt; / code＆gt;内。使用＆lt; code＆gt; innerHTML＆lt; / code＆gt;而不是价值。这是一个示例脚本。要获取value属性，您可以使用＆lt; code＆gt; getAttribute＆lt; / code＆gt; 。方法＆LT; / p为H. ＆lt; p＆gt;＆lt; div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”＆gt; ＆lt; div class =“snippet-code”＆gt; ＆lt; pre class =“snippet-code-html lang-html prettyprint-override”＆gt;＆lt; code＆gt;＆lt;！doctype HTML＆gt; ＆LT; HTML＆GT; ＆LT; HEAD＆GT; ＆LT;脚本＆GT; function LoadScript（）{ 的console.log（的document.getElementById（ “一些-ID”）的innerHTML。）; 的console.log（的document.getElementById（ “一些-ID”）。的getAttribute（ “值”）） } ＆LT; /脚本＆GT; ＆LT; /头＆GT; ＆lt; body onload =“LoadScript（）”＆gt; ＆lt; h6 id ='some-id'value ='processing'＆gt;处理＆lt; / h6＆gt; ＆LT; /体＆GT; ＆LT; / HTML＆GT;＆LT; /代码＆GT;＆LT; /预＆GT; ＆LT; / DIV＆GT; ＆LT; / DIV＆GT; ＆LT; / p为H.

Answer 4

使用.innerHTML代替.value

＆＃13;

var processing_status = document.getElementById('some-id').innerHTML;
console.log(processing_status);

＆＃13;

<h6 id='some-id' value='processing'> Processing </h6>

＆＃13;

无法使用JS获取标题标记的值

4 个答案: