ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptで要素にカスタム属性を追加する方法

JavaScriptで要素にカスタム属性を追加する方法

coldplay.xixi
coldplay.xixiオリジナル
2021-04-08 17:49:5310856ブラウズ

カスタム属性を要素に追加する Javascript メソッド: 1. カスタム属性を要素に追加します、コードは [obj.setAttribute('attr_name','attr_value')]; 2. クラス属性を要素に追加します。

JavaScriptで要素にカスタム属性を追加する方法

このチュートリアルの動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター。

JavaScript で要素にカスタム属性を追加する方法:

要素にカスタム属性を追加

obj.setAttribute('attr_name','attr_value'); 
//例如obj.setAttribute('class','snow-container')

クラス属性を要素に追加する 3 つの方法

document.getElementsByTagName('body')[0].className = 'snow-container'; //设置为新的
document.getElementsByTagName('body')[0].className += 'snow-container'; //在原来的后面加这个
document.getElementsByTagName('body')[0].classList.add("snow-container"); //与第一个等价

関連する無料学習の推奨事項: JavaScript ビデオ チュートリアル

以上がJavaScriptで要素にカスタム属性を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。