>  기사  >  웹 프론트엔드  >  createElement 요소를 동적으로 생성하고 element_javascript 기술을 삭제합니다.

createElement 요소를 동적으로 생성하고 element_javascript 기술을 삭제합니다.

WBOY
WBOY원래의
2016-05-16 17:02:35981검색
코드 복사 코드는 다음과 같습니다.


<스크립트 언어 = "javascript" type = "text/javascript">
function test(){
//요소 생성
var myElement = document.createElement("a");//a는 태그 이름입니다. 생성하려는 html 요소
//생성된 요소에 필요한 정보 추가
myElement.href = "http://www.baidu.com"
myElement.innerText = "Baidu에 연결" ;
myElement.id = "id1";
//myElement.style.top = "300px";
//myElement.style.left =
//myElement.style .position = "absolute" ;
//생성된 요소를 본문 개체에 추가
//document.body.appendChild(myElement)
//div
문서에 요소를 추가합니다. getElementById("div1") .appendChild(myElement);
}
function test2(){
//요소 삭제
//속성을 통해 새 요소의 상위 요소를 가져올 수도 있습니다.
//document.getElementById ("id1").parentNode
document.getElementById("div1").removeChild(document.getElementById("id1"))





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