js 동적 요소 에 다른 요 소 를 추가 합 니 다.

1694 단어
js 동 태 는 한 요소 에 다른 요 소 를 추가 합 니 다. 실제 응용 에서 필요 에 따라 동적 으로 요 소 를 만 든 다음 에 이 요 소 를 지정 한 요소 에 추가 해 야 할 수도 있 습 니 다. 다음은 코드 인 스 턴 스 를 통 해 이 기능 을 어떻게 실현 하 는 지 간단하게 소개 하 겠 습 니 다. 코드 는 다음 과 같 습 니 다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title> DOM      -    </title> 
<script type="text/javascript"> 
window.onload=function()
{
  var obox=document.getElementById("box");
  var newDiv=document.createElement("div");
  var txtNode=document.createTextNode("       ");
  newDiv.appendChild(txtNode);
  obox.appendChild(newDiv);
}
</script> 
</head> 
<body> 
<div id="box"></div>
</body> 
</html> 

 상기 코드 가 우리 의 요 구 를 실현 하 였 습 니 다. 다음은 간단하게 이에 대해 간단 한 소 개 를 하 겠 습 니 다.
var obox = document. getElement ById ("box") 는 id 속성 값 이 box 인 div 대상 을 얻 을 수 있 습 니 다.var new Div = document. createElement ("div") 에서 새로운 div 대상 을 만 듭 니 다.var txtNode = document. createTextNode ("개미 부족 환영 합 니 다") 텍스트 노드 대상 을 만 듭 니 다.newDiv.appendChild(txtNode);텍스트 노드 대상 을 새로운 div 대상 에 추가 합 니 다.obox. append Child (newDiv), 새로운 div 를 box 에 추가 합 니 다.관련 읽 기: 1. createElement () 함 수 는 js 의 createElement () 와 appendChild () 함수 의 역할 1 장 을 참조 할 수 있 습 니 다.2. 텍스트 노드 는 javascript 에서 텍스트 노드 1 장 을 만 드 는 방법 을 참조 할 수 있 습 니 다. 
원문 주 소 는:http://www.softwhy.com/forum.php?mod=viewthread&tid=10549
더 많은 내용 은 참고 할 수 있다.http://www.softwhy.com/javascript/

좋은 웹페이지 즐겨찾기