JavaScript では、要素を取得した後、いくつかの属性の値を取得できます通常は、ただし一部の属性の値にアクセスすると、得られる答えは 未定義 です。この記事では、それを確認します。
形式の内容:
<!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>形式のスパンタグ属性データを読み取ります:
<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定義されていない場合、email の値を取得できません。
PS: id は デフォルトの組み込み標準属性 で、直接アクセスできます。email は 非組み込みプロパティ 、未定義。
<script>
const sp=document.querySelector("span");
console.log(p.dataset.email);
//对于自定义的数据属性"data-",使用dataset对象来操作
</script>推奨: 「2021 js 面接の質問と回答 (大要約)」
以上がJavaScript で HTML の要素属性を読み取るの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
