JS DOM эквивалент JQuery добавить

Question

Что такое стандарт DOM эквивалент JQuery

element.append("<ul><li><a href='url'></li></ul>")?

Answer 1

Я думаю, вы должны продлить свойство innerHTML, чтобы сделать это

element[0].innerHTML += "<ul><li><a href='url'></a></li></ul>"; 

некоторое объяснение:

• [0] необходимо, потому что element коллекция
• + = продлить внутреннийHTML и не перезаписывать
• закрытие </a> нужны как некоторые браузеры позволяют только действительный HTML должен быть установлен в innerHTML

Answer 2

element.innerHTML += "<ul><li><a href='url'></li></ul>"; 

Answer 3

из исходного кода JQuery:

append: function() { 
    return this.domManip(arguments, true, function(elem) { 
     if (this.nodeType === 1) { 
      this.appendChild(elem); //<==== 
     } 
    }); 
}, 

Обратите внимание, что для того, чтобы сделать его работу необходимо построить элемент DOM из строка, это делается с помощью функции jQuery domManip.

JQuery 1.7.2 source code

Answer 4

Использование DOM манипуляции, а не HTML:

var list = document.createElement('ul'); 
var item = document.createElement('li'); 
var link = document.createElement('a'); 

link.href = 'url'; 

item.appendChild(link); 
list.appendChild(item); 
element.appendChild(list); 

Answer 5

Самый простой способ повторить Jquery добавить метод в чистом JavaScript это с "insertAdjacentHTML"

var this_div = document.getElementById('your_element_id'); 
    this_div.insertAdjacentHTML('beforeend','<b>Any Content</b>'); 

Подробнее Инфо - MDN insertAdjacentHTML