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

Unable to get value for heading tags using JS

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

我有一个<h6>标签如下:

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

我无法使用如下脚本获取<h6>的值:

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

我不明白这是怎么回事?

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

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

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

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>

请在加载HTML后再读取id的值。请放在onload或document.ready内。使用innerHTML代替value。下面是一个示例脚本。要获取value属性，您可以使用getAttribute方法。

<!doctype HTML>
<html>
  <head>
    <script>
           function LoadScript(){
               console.log(document.getElementById("some-id").innerHTML);
               console.log(document.getElementById("some-id").getAttribute("value")) 
	   }
    </script>
    </head>
    <body onload="LoadScript()">
        <h6 id='some-id' value='processing'> Processing </h6> 
    </body>
</html>

用.innerHTML代替.value 

var processing_status = document.getElementById('some-id').innerHTML;
console.log(processing_status);
<h6 id='some-id' value='processing'> Processing </h6>

相关文章：