예
추가 class 의 속성 값을 "democlass" (A)에 <h1> 요소 :
document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");속성을 설정하기 전에 :
Hello World
속성을 설정 한 후 :
Hello World
»그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
setAttribute() 메소드는 추가 specified 요소에 대한 특성 및 그것에 지정된 값을 제공한다.
경우 specified 속성이 이미 존재 만 값을 설정 / 변경됩니다.
참고 : 추가 할 수 있지만 style 이 방법 요소에 값과 속성을, 그 권장 사용하는 것이 스타일 개체의 속성을 대신 인라인 스타일링을 위해,이 지정 될 수있는 다른 CSS 속성을 덮어 쓰지 않습니다 때문에 style 속성 :
나쁜:
element .setAttribute("style",
"background-color: red;");좋은:
element .style.backgroundColor
= "red";팁 : 사용 removeAttribute() 요소에서 속성을 제거하는 방법.
팁 : 또한 참조 setAttributeNode() 메소드를.
브라우저 지원
테이블의 숫자는 완전히 방법을 지원하는 최초의 브라우저 버전을 지정합니다.
| 방법 | |||||
|---|---|---|---|---|---|
| setAttribute() | 예 | 9.0 | 예 | 예 | 예 |
통사론
element .setAttribute( attributename , attributevalue )매개 변수 값
| 매개 변수 | 유형 | 기술 |
|---|---|---|
| attributename | String | 필요합니다. 추가 할 속성의 이름 |
| attributevalue | String | 필요합니다. 추가 할 속성의 값 |
기술적 세부 사항
| 반환 값 : | 없음 반환 값 없습니다 |
|---|---|
| DOM 버전 | 코어 레벨 1 요소 개체 |
더 예
예
입력 버튼 입력 필드를 변경합니다 :
document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");
속성을 설정하기 전에 :
속성을 설정 한 후 :
»그것을 자신을 시도 예
의 값을 가진 href 속성 추가 "www.w3ii.com" 에 <a> 요소 :
document.getElementById("myAnchor").setAttribute("href", "http://www.w3ii.com"); 속성을 설정하기 전에 :
Go to w3ii.com
속성을 설정 한 후 :
»그것을 자신을 시도예
있는지 알아보십시오 <a> 요소가 대상 속성이 있습니다. 그렇다면, 값 변경 target 에 속성 "_self" :
// Get the <a> element with id="myAnchor"
var x =
document.getElementById("myAnchor");
// If the <a> element has
a target attribute, set the value to "_self"
if
(x.hasAttribute("target")) {
x.setAttribute("target", "_self");
} »그것을 자신을 시도 관련 페이지
HTML 자습서 : HTML 속성
HTML DOM 참조 : href="met_element_getattribute.html"> getAttribute() Method
HTML DOM 참조 : href="met_element_hasattribute.html"> hasAttribute() Method
HTML DOM 참조 : href="met_element_removeattribute.html"> removeAttribute() Method