Javascript createElement и appendchild за один шаг

Question

Я хочу создать элемент, а затем добавить его с другими элементами за один шаг.

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

Почему этот код выводит только TR, а не Thead?

Когда я использую этот код, то его правильный (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 = document.createElement('thead')) 
     .appendChild(document.createElement('tr')); 

Это гарантирует, что назначение header происходит перед .appendChild().