ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript は html5 の data 属性のインスタンスをどのように取得しますか
JavaScript は html5 の data 属性のインスタンスをどのように取得しますか
- 黄舟オリジナル
- 2017-07-27 16:29:482318ブラウズ
jqueryのdata()を使って取得するしかないと思っていました
ははは、弱すぎる
<!DOCTYPE html>
<html>
<head>
<title>dataset</title>
<meta charset="utf-8">
</head>
<body>
<p id='p' data-index='demo'>
</p>
</body>
<script type="text/javascript">var a = document.getElementById('p');
console.log(a)
console.log(a.dataset.index)//demo</script>
</html>DOM要素のdata属性はdatasetを使って直接取得できます
わかりました。属性を取得する js メソッド getAttribute() を使用することもできます
a.getAttribute('data-index')==>"demo"
以上がJavaScript は html5 の data 属性のインスタンスをどのように取得しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。