JavaScript中對HTML中元素屬性的讀取
- autoload原創
- 2021-04-07 16:47:021765瀏覽
在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
錯誤：Uncaught ReferenceError: email is not 錯誤：Uncaught ReferenceError: email is not」 defined，email的值無法取得。 PS：id為預設內建的標準屬性，可以直接進行訪問，
是非內建屬性,
undefined###。 ### <script>
const sp=document.querySelector("span");
console.log(p.dataset.email);
//对于自定义的数据属性"data-",使用dataset对象来操作
</script>###推薦：《###2021年js面試題目及答案（大匯總）###》###以上是JavaScript中對HTML中元素屬性的讀取的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn