Rumah >hujung hadapan web >tutorial js >JavaScript中对HTML中元素属性的读取
JavaScript中对HTML中元素属性的读取
- autoloadasal
- 2021-04-07 16:47:021790semak imbas
在JavaScript中，元素获取后，有些属性的值可以正常获取，但是有些属性的值进行访问后，得到的答案却是undefined，本文就带大家一起了解一下。
表单中的内容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
<span id="user" data-email="a@qq.com" >jojo的奇妙</span>
</body>
</html>对表单中span标签属性数据进行读取:
<script>
const sp=document.querySelector("span");
console.log(sp);
console.log(sp.id);
</script> id可以正常获取
<script>
const sp=document.querySelector("span");
console.log(sp.data-email);
</script>报错：Uncaught ReferenceError: email is not defined，email的值无法获取。
PS：id为默认内置的标准属性，可以直接进行访问，email是非内置属性,undefined。
<script>
const sp=document.querySelector("span");
console.log(p.dataset.email);
//对于自定义的数据属性"data-",使用dataset对象来操作
</script>推荐：《2021年js面试题及答案（大汇总）》
Atas ialah kandungan terperinci JavaScript中对HTML中元素属性的读取. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：如何使用javascript改变span标签中的值Artikel seterusnya：javascript输出语句有哪些