기존 요소에 자식 추가

Question

동적으로 모달 형식을 작성하려고하지만 모달을 검색 한 다음 새 자식을 만들면 추가 할 수 없습니다. 모달은 클래스로 설정됩니다. 대신 ID 여야합니까? w3schools를 참조하지 마십시오. 나는 그것을 사용하고있어 도움이되지 않습니다.

var a=document.getElementsByClassName('modal'); 
undefined 
var b = document.createElement("p"); 
undefined 
b.appendChild(a); 

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'. 
    at <anonymous>:1:3 

Answer 1

a 노드의 컬렉션이 될 것이다 (당신이 일반적으로 사용하여 액세스 할 수 있습니다 [N]가 배열과 같은 때문에). 당신은 첫번째 것을 가지고 가고 싶을 것이다. 당신이 가지고있는 대신이 시도 : 둘 이상의있는 경우

var a=document.getElementsByClassName('modal')[0];

는 일반적으로는 '클래스'를 사용합니다. ID를 고유하게 사용하려면 'id'를 사용하십시오. 그런 다음`getElementById ('xyz')를 사용하면 단일 노드를 얻을 수 있습니다. 이 경우 끝에 추가 [0]을 할 필요가 없습니다.