>웹 프론트엔드 >JS 튜토리얼 >div 및 웹페이지 관련 속성_javascript 기술을 제어하는 ​​js 코드

div 및 웹페이지 관련 속성_javascript 기술을 제어하는 ​​js 코드

WBOY
WBOY원래의
2016-05-16 18:38:36928검색

동적으로 DIV 생성: var div = document.createElement("div");
div 속성 및 스타일 설정:
div.title="이것은 새로운 div입니다."; = "newDivClass";
 div.innerHTML = "div 요소 생성 테스트!"
div.style.styleFloat="left";
div.style.overflow="hidden"; div.style.marginLeft="8px";
div.style.marginTop="10px";
div.style.width="320px"
div.style.height="250px"; 🎜>div.style.BackgroundRepeat="no-repeat";
div.style.BackgroundImage="url(image/bgred.jpg)"
본문에 DIV 추가: document.body.appendChild(div );
속성 설정:

추가, 설정:
(1).div.setAttribute("ok","ok?")
html:


(2).var ok = document.createAttribute("name")
div.setAttributeNode(ok) >html:

가져오기:
(1).div.getAttribute("ok" );/ /ok?
(2)var v = div.getAttributeNode("ok").value;// div.getAttributeNode("ok")는 //AttributeNode 객체를 가져옵니다.
삭제
(1).document.getElementById("id").removeAttribute("ok");//ok는 속성 이름입니다.
(2).document.getElementById("id").removeAttributeNode(ok);//ok는 AttributeNode 개체입니다.

매우 중요한 메소드
document.getElementsByTagName

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.