读取Span内部的组件

时间:2018-03-26 08:39:06

标签: javascript html

我需要在Objectname内阅读<span></span>的值,但我尝试使用innerHTML阅读它,我得到&#34; ---&#34; < / p>

我哪里错了?

&#13;
&#13;
function myFunction() {
  var x = document.getElementById("testing").innerHTML;
  document.getElementById("demo").innerHTML = x;
}
&#13;
<button onclick="myFunction()">Try it</button>

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

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

3 个答案:

答案 0 :(得分:2)

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>

答案 1 :(得分:1)

尝试以下代码:

&#13;
&#13;
function myFunction() {
  var x = document.getElementById("testing").attributes.objectname.value;
  document.getElementById("demo").innerHTML = x;
}
&#13;
<button onclick="myFunction()">Try it</button>

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

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

答案 2 :(得分:0)

你应该致电:

the_span.getAttribute("OBJECTNAME")