Javascript createElement 및 appendchild를 한 번에 수행

Question

요소를 만들고 한 번에 다른 요소와 함께 추가하려고합니다.

var header = document.createElement("thead").appendChild(document.createElement("tr")); 

왜이 코드는 테드가 아닌 유일한 TR을 출력합니까?

내가이 코드를 사용하는 경우 다음 올바른 (THEAD의 + 그럴 필요가있다)

var header = CH.createElement("thead"); 
    header.appendChild(CH.createElement("tr")); 

Answer 1

Node.appendChild() 반환 첨부 된 아이이 ...

var appendedChild = element.appendChild(child); 

.. 당신은 단순히 참조 할 수 있기 때문에 그 어린이의 parentNode (sample fiddle) :

var header = document.createElement("thead") 
    .appendChild(document.createElement("tr")) 
    .parentNode; // the row's parentNode, i.e.: thead 

Answer 2

@antisanity에는 좋은 해결책이 있습니다. 당신의 변수가 미리 선언 된 경우 또 다른 해결책은이 header에 대한 할당은 .appendChild() 전에 발생하는 것을 보장

(header = document.createElement('thead')) 
     .appendChild(document.createElement('tr')); 

...이 작업을 수행하는 것입니다.