站長資訊網
表單中的內容：
<!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面試題及答案（大匯總）》
