javascript - 读取 Span 内的组件

Question

我需要阅读Objectname <span></span> 内的值但我尝试使用 innerHTML 来阅读它我得到“---”

我哪里出错了？

function myFunction() {
  var x = document.getElementById("testing").innerHTML;
  document.getElementById("demo").innerHTML = x;
}

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<span id="testing" COMPONENTNAME="binarystatus" SITENAME="ABC" OBJECTNAME="TRIP ALARM" OBJECTTYPE="3">---</span>

Answer 1

innerHTML返回元素内序列化 HTML 的字符串表示形式，但不查询 OBJECTNAME 属性的值。

如果你想读取OBJECTNAME的属性值，你可以使用getAttribute相反。

function myFunction() {
  var x = document.getElementById("testing").getAttribute("OBJECTNAME");
  document.getElementById("demo").innerHTML = x;
}

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<span id="testing" COMPONENTNAME="binarystatus" SITENAME="ABC" OBJECTNAME="TRIP ALARM" OBJECTTYPE="3">---</span>