js中用document.getelementbyid获取属性名

Question

为什么它不起作用？var x = document.getElementById('test').name;alert(x); // jhon<div id='test' name='jhon'> its just a text </div>

Answer 1

Div 元素不是允许的name属性，因此 DOM 上没有与它们匹配的属性。

如果要在元素上存储自定义数据，请使用data-*属性。

如果您确实想使用无效的 HTML，您可以使用该getAttribute方法访问它。

Answer 2

您必须使用 getAttribute 方法来获取 html 元素的任何属性的值

   var x = document.getElementById('test').getAttribute("name");
       console.log(x)

<div id='test' name='jhon'> its just a text </div>

Answer 3

尝试这个：

 var x = document.getElementById('test').getAttribute('name')