JavaScript HTML DOM 요소

JavaScript HTML DOM 요소

새 HTML 요소 만들기

새 HTML 요소 만들기

HTML DOM에 새 요소를 추가하려면 먼저 요소(요소 노드)를 만든 다음 기존 요소에 추가해야 합니다. 이 요소.

    
 
This is a paragraph.
 
This is another paragraph.
 
   

예제 분석:

이 코드는 새로운

요소를 생성합니다:

var para=document.createElement("p");

요소에 텍스트를 추가하려면 먼저 텍스트 노드를 만듭니다. 이 코드는 텍스트 노드를 생성합니다:

var node=document.createTextNode("This is a new Parallel.");

그런 다음 이 텍스트 노드를

요소에 추가해야 합니다:

para.appendChild (node);

마지막으로 기존 요소에 새 요소를 추가해야 합니다.

이 코드는 기존 요소를 찾습니다.

var element=document.getElementById("div1");

다음 코드는 기존 요소 뒤에 새 요소를 추가합니다.

element.appendChild(para); 기존 HTML 요소 삭제

    
 
This is a paragraph.
 
This is another paragraph.
 
   

요소)가 있는

 
This is a paragraph.
 
This is another paragraph.