我们来谈谈在JavaScript中阅读HTML中的元素属性。相信朋友们也应该密切关注这个话题。现在让我们为朋友们谈谈在JavaScript中阅读HTML中的元素属性。边肖还收集了关于在JavaScript中读取HTML元素属性的相关信息。我希望你看到后会喜欢。

在JavaScript中，获取元素后，可以正常获取某些属性的值，但在访问某些属性的值后，答案是未定义的。这篇文章会带你去了解。

表单中的内容：

！声明文档类型

html lang='en '

头

meta charset='UTF-8 '

元http-equiv='X-UA-Compatible '内容='IE=edge '

元名称=“视口”内容=“宽度=设备宽度，初始比例=1.0”

标题/头衔

/head

身体

Span ID='用户'数据-电子邮件=' a @ QQ.com ' Jojo的奇妙之处/span

/body

/html读取表单：中的span标记属性数据

脚本

const sp=document . queryselector(' span ')；

console . log(sp)；

console . log(sp . id)；

/script id可以正常获取。

脚本

const sp=document . queryselector(' span ')；

console . log(sp . data-email)；

/script错误：未捕获引用错误：未定义电子邮件，无法获取电子邮件的值。

PS: ID是默认内置的标准属性，可以直接访问。电子邮件是一个非构建属性，未定义。

脚本

const sp=document . queryselector(' span ')；

console . log(p . dataset . email)；

//对于用户定义的数据属性‘data-’，使用dataset对象进行操作。

/script推荐：《2021年js面试题及答案（大汇总）》以上是在JavaScript中读取HTML中元素属性的详细内容。请多关注php中文网站的其他相关文章！

来源：php中文网站