JavaScript 에서 setAttribute 용법 소개

2105 단어 JavaScriptsetAttribute
setAttribute(string name,string value):지정 한 이름과 값 의 새로운 속성 을 추가 하거나 기 존 속성 을 지정 한 값 으로 설정 합 니 다.1.스타일 문제 setAttribute("class",value)에서 class 는"class"라 는 속성 을 바 꾸 는 것 을 말 하기 때문에 따옴표 가 있어 야 합 니 다.vName 은 스타일 에 대한 값 을 나 타 냅 니 다.예 를 들 어

var input = document.createElement("input");
input.setAttribute("type", "text");
input.setAttribute("name", "q");
input.setAttribute("class",bordercss);
출력 시:,즉 input 컨트롤 은 bordercss 스타일 속성 을 가지 고 있 습 니 다.주의:class 속성 은 W3C DOM 에서 중요 한 역할 을 하지만 브 라 우 저의 차이 점 은 여전히 존재 합 니 다.setAttribute("class",vName)문 구 를 사용 하여 Element 의 class 속성 을 동적 으로 설정 하 는 것 은 fireforx 에서 통 하지만 IE 에 서 는 안 됩 니 다.IE 커 널 을 사용 하 는 브 라 우 저 는"class"를 모 르 기 때문에"className"을 사용 해 야 합 니 다.마찬가지 로 Firefox 도'className'을 모른다.그래서 자주 사용 하 는 방법 은 두 가 지 를 겸비 하 는 것 이다.

element.setAttribute("class", value); //for firefox
element.setAttribute("className", value); //for IE
2.방법 속성 등 문제 이다.예 를 들 어

var bar = document.getElementById("testbt");
bar.setAttribute("onclick", "javascript:alert('This is a test!');");
여 기 는 setAttribute 가 지정 한 e 의 onclick 속성 을 이용 하여 간단 하고 이해 하기 쉽다.그러나 IE 는 지원 하지 않 습 니 다.IE 는 setAttribute 라 는 함 수 를 지원 하지 않 는 것 이 아니 라 setAttribute 로 일부 속성 을 설정 하 는 것 을 지원 하지 않 습 니 다.예 를 들 어 대상 속성,집합 속성,이벤트 속성,즉 setAttribute 로 style 과 onclick 을 설정 하 는 것 은 IE 에서 통 하지 않 습 니 다.각종 브 라 우 저 를 호 환 하 는 효 과 를 얻 기 위해 서 는 Element 의 대상 속성,집합 속성 과 이벤트 속성 을 점 기호 법 으로 설정 할 수 있 습 니 다.

document.getElementById("testbt").className = "bordercss";
document.getElementById("testbt").style.cssText = "color: #00f;";
document.getElementById("testbt").style.color = "#00f";
document.getElementById("testbt").onclick= function () { alert("This is a test!"); }
js 동적 으로 표를 만 들 고 행렬 의 작은 예 를 삭제 합 니 다.
JavaScript 는 상대 주 소 를 절대 주소 예제 코드 로 변환 합 니 다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage