appendChild не присваивает класс div-ам
Добрый вечер. Такой вопрос
Разметка: <body> <input id="newcarousel" type="button" value="Добавить карусель"></input> </body> При нажатии на кнопку срабатывает JS:
var div = document.createElement("div");
document.querySelector("body").appendChild(div);
document.querySelector("body div:last-child").classList.add("carousel");
после трёх нажатий кнопки результат такой: <div class="carousel"></div> <div></div> <div></div> Почему? код на jsfiddle: http://jsfiddle.net/nQU86/ |
OlegALL,
потому что тама нето что тута ;) |
OlegALL,
http://jsfiddle.net/nQU86/1/ |
У меня вопрос не по теме.
Несколько раз встречал подобную запись document.querySelector("body"). Скажите, почему именно так, а не просто document.body? |
Цитата:
document.getElementsByTagName("body")[0]
? Просто кому как нравится. |
Вот, нашел здесь же на сайте.
мы используем document.getElementsByTagName, вместо document.body, потому что это способ получения BODY работает во всех браузерах, когда документ еще не готов. Не знал ) |
OlegALL,
1. Зачем input закрывать? 2. Почему ты body получаешь через selector? Есть же более простые и правильные способы, document.body например. 3. Зачем ты созданный тобой div получаешь через селектор? У тебя же уже есть ссылка на него.
var div = document.createElement('div');
div.className = 'carousel';
document.body.appendChild(div);
|
| Часовой пояс GMT +3, время: 13:52. |