ホームページ > 記事 > ウェブフロントエンド > JavaScript で HTML の要素属性を読み取る
JavaScript で HTML の要素属性を読み取る
- autoloadオリジナル
- 2021-04-07 16:47:021692ブラウズ
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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。