站長(zhǎng)資訊網(wǎng)
表單中的內(nèi)容：
<!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>
對(duì)表單中span標(biāo)簽屬性數(shù)據(jù)進(jìn)行讀取:
<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>
報(bào)錯(cuò)：Uncaught ReferenceError: email is not defined，email的值無(wú)法獲取。
PS：id為默認(rèn)內(nèi)置的標(biāo)準(zhǔn)屬性，可以直接進(jìn)行訪問(wèn)，email是非內(nèi)置屬性,undefined。
<script> const sp=document.querySelector("span"); console.log(p.dataset.email); //對(duì)于自定義的數(shù)據(jù)屬性"data-",使用dataset對(duì)象來(lái)操作 </script>
推薦：《2021年js面試題及答案（大匯總）》
