English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM setAttribute() メソッド

HTML DOM Element 객체

setAttribute()メソッドは指定された要素の属性値を設定します。

属性が既に存在する場合、値を更新します;そうでない場合、指定された名前と値で新しい属性を追加します。

使用方法removeAttribute()メソッドは要素から属性を削除します。

文法:

element.setAttribute(name, value)
var x = document.getElementsByTagName("H1")[0];
x.setAttribute("class", "demo");
테스트를 보세요‹/›

ブラウザの互換性

すべてのブラウザでsetAttribute()メソッドは完全にサポートされています:

メソッド
setAttribute()

パラメータの値

パラメータ説明
name属性名を設定するための文字列
value속성에 할당할 값을 포함한 문자열

기술 세부 사항

반환 값:정의되지 않음
예외:InvalidCharacterError
DOM 버전:DOM 2급

更多实例

입력 버튼을 입력 필드로 변경하십시오:

document.getElementsByTagName("input")[0].setAttribute("type", "text");
테스트를 보세요‹/›

href 속성의 값을 앵커 요소로 설정하십시오:

var x = document.getElementsByTagName("a")[0];
x.setAttribute("href", "https:")//ko.oldtoolbag.com/CSS3/");
테스트를 보세요‹/›

관련 참조

HTML 튜토리얼:HTML 속성

HTML DOM 참조:element .hasAttribute() 메서드

HTML DOM 참조:element .getAttribute() 메서드

HTML DOM 참조:element .removeAttribute() 메서드

HTML DOM Element 객체