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 元素的任何属性的值&nbsp;&nbsp;&nbsp;var&nbsp;x&nbsp;=&nbsp;document.getElementById('test').getAttribute("name"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(x)<div&nbsp;id='test'&nbsp;name='jhon'>&nbsp;its&nbsp;just&nbsp;a&nbsp;text&nbsp;</div>

Answer 3

尝试这个：&nbsp;var&nbsp;x&nbsp;=&nbsp;document.getElementById('test').getAttribute('name')