Вставить элемент в DOM?

Question

[Робот]

На https://learn.javascript.ru/modifying-document пример c appendChild простой:

var div = document.createElement('div');
div.className = "alert alert-success";
div.innerHTML = "<strong>Ура!</strong>";
document.body.appendChild(div);

Но при попытке вставить id="" вместо class="" (пробовал div.idName) не работает.

Есть неплохой пример на хабре habrahabr.ru/post/144635 но при попытке избавится от ненужной мне функции newElem всё равно выходит не рабочая вставка. Писал так:

var t = document.createElement('div',{
	id: 'bullet',
	style: 'top:100px; left:100px;'
});
document.body.appendChild(t);

В HTML-коде выводит:
<div is="[object Object]"></div>

Как же применить appendChild с id и style?

Answer 1

[Денис Инешин]

var t = document.createElement('div');
t.setAttribute("id", "bullet");
document.body.appendChild(t);

В статье на хабре описана кастомная функция для создания.

Comments

[Робот]

Да t.setAttribute вот что мне хватало!

Answer 2

[Роман Макаров]

var div = createElement('div');
console.log('div'); // Покажет все имеющиеся поля в консоли
//в частности нас интересует id и style;
div.id = 'someId';
div.style.display = 'block';

Comments

[Робот]

Вот вы по-моему предлагаете почти как на хабре, на ваш код ругается на 1ю строку:
Uncaught ReferenceError: createElement is not defined (anonymous function)

[Роман Макаров]

Робот: да, потому что createElement() находится в объекте document, что я упустил.

[Робот]

Роман Макаров: Т.е. вы имели ввиду так? var div = document.createElement('div');

[Роман Макаров]

Робот: Я не читал статью на хабре, но то, о чем я говорю - простой и универсальный прием. Когда вы увидите все поля объекта, вы поймете, что и как с ним можно сделать, допустим вы увидите, что есть такое поле как onclick. значит, что мы можем сделать так div.onclick = function() { //some logic } и т д. При работе с узлами очень упрощает жизнь.
P.S. Я пользуюсь Firefox, при работе с консолью других браузеров результат может быть иным.
P.S.S. Очень часто при работе с DOM элементами удобнее использовать console.dir вместо console.log()

[Роман Макаров]

Робот: именно