如何读取span标签的OBJECTNAME属性值？innerHTML获取异常排查

嘿，我一眼就看出问题所在——你想用innerHTML获取<span>标签的OBJECTNAME属性值，但innerHTML根本不是干这个的呀！

为什么会拿到“---”？ #

innerHTML的作用是获取或设置元素内部的文本/HTML内容，也就是<span>标签包裹着的那部分内容，你的<span>里刚好写的是“---”，所以自然返回这个结果啦，它和元素的属性完全不沾边。

正确的做法：获取属性值要用专门的方法 #

要拿到元素的属性值，你需要用getAttribute()方法，专门用来读取元素的属性。修改你的代码就行：

function myFunction() { 
  // 用getAttribute获取OBJECTNAME属性的值
  var x = document.getElementById("testing").getAttribute("OBJECTNAME"); 
  document.getElementById("demo").innerHTML = x; 
}

点击按钮后，demo标签里就会显示TRIP ALARM啦！

另外补充一句：如果是HTML标准属性（比如id、class），你也可以直接用element.id这种方式访问，但像OBJECTNAME这种自定义属性，getAttribute()是最稳妥通用的方法。

内容的提问来源于stack exchange，提问作者goh6319