HTML DOM Element setAttribute() মথড
- 前のページ scrollWidth
- 次のページ setAttributeNode()
- 上一層に戻る HTML DOM Elements অবজেক্ট
সংজ্ঞা ও ব্যবহার
setAttribute() মথড নির্দিষ্ট এট্রিবিউট যোগ করে, এবং তাকে নির্দিষ্ট মান সেট করে
এই নির্দিষ্ট এট্রিবিউট যদি পূর্ববর্তীভাবে উপস্থিত থাকে, তবে শুধুমাত্র মান সেট করা হবে/পরিবর্তন করা হবে。
দৃষ্টান্ত:HTML ডকুমেন্টের HTMLElement অবজেক্টটি সকল প্রমাণিত HTML এট্রিবিউটকের জন্য অনুরূপ JavaScript এট্রিবিউট নির্ধারণ করে। তাই, আপনি অস্ট্যান্ডার্ড এট্রিবিউট সেট করতে হলেই এই মথডটি ব্যবহার করুন。
অন্যান্য দেখুন:
পরিচ্ছেদক:
টিউটোরিয়াল:
ইনস্ট্যান্স
উদাহরণ 1
এলিমেন্টের ক্লাস এট্রিবিউট যোগ করুন:
element.setAttribute("class", "democlass");
追加前：
Element オブジェクト
追加後：
Element オブジェクト
例 2
入力フィールドをボタンに変更します：
myInput.setAttribute("type", "button");
変更前：
変更後：
例 3
<a> 要素に href 属性を追加します：
myAnchor.setAttribute("href", "");
追加前：
codew3c.com にアクセスしてください
追加後：
codew3c.com にアクセスしてください
例 4
target 属性の値を "_self" に変更します：
if (element.hasAttribute("target")) {
element.setAttribute("target", "_self");
}
文法
element.setAttribute(name, value)
パラメータ
| パラメータ | 説明 |
|---|---|
| name | 必須。属性の名前。 |
| value | 必須。新しい属性値。 |
返り値
ありません。
投げ出す
| 例外 | 説明 |
|---|---|
| INVALID_CHARACTER_ERR | パラメータ name HTML 属性名または XML 属性名に使用できない文字が含まれています。 |
| NO_MODIFICATION_ALLOWED_ERR | 現在の要素は読み取り専用であり、その属性を変更することは許可されていません。 |
注意：
style 属性の他の属性をオーバーライドする可能性があるため、style 属性に値を追加することは推奨されません。
Style オブジェクトの属性を使用することをお勧めします：
欠点：
element.setAttribute("style", "background-color:red;");
利点：
element.style.backgroundColor = "red";
ブラウザのサポート
element.setAttribute() DOM レベル 1 (1998) の機能です。
すべてのブラウザが完全にサポートしています：
| クローム | IE | エッジ | ファイアフォックス | サファリ | オペラ |
|---|---|---|---|---|---|
| クローム | IE | エッジ | ファイアフォックス | サファリ | オペラ |
| サポート | 9-11 | サポート | サポート | サポート | サポート |
- 前のページ scrollWidth
- 次のページ setAttributeNode()
- 上一層に戻る HTML DOM Elements অবজেক্ট
