tính năng thêm mà không cần jQuery?

Question

Làm thế nào tôi có thể viết điều này mà không cần sử dụng jQuery?

$('body').prepend('<div id="idC" style="display: none;" class=""><div id="idA">' + titelN + '</div></div>'); 

Answer 1

Có là insertAdjacentHTML method, nhưng nó không hoạt động trong các phiên bản FF cũ:

document.body.insertAdjacentHTML('afterbegin', '<div id="idC" style="display: none;" class=""><div id="idA">' + titelN + '</div></div>'); 

Answer 2

Trước tiên, bạn nên tìm hiểu làm thế nào để tạo ra một yếu tố mà không sử dụng bất kỳ thư viện. Về cơ bản, có một số phương pháp để bạn tạo phần tử và chắp thêm phần tử vào tài liệu. Chúng là createElement, insertBefore, appendChild.

createElement ref: http://www.w3schools.com/jsref/met_document_createelement.asp
insertBefore ref: http://www.w3schools.com/jsref/met_node_insertbefore.asp
appendChild ref: http://www.w3schools.com/jsref/met_node_appendChild.asp

Đoạn code dưới đây nên làm việc cho tất cả các trình duyệt. Hãy thử nhiều hơn và tìm hiểu thêm.

var parent = document.createElement("div"); 
parent.id = "idC"; 
parent.style.display = "none"; 

var child = document.createElement("div"); 
child.id = "idA"; 
child.innerHTML = titelN; 
parent.appendChild(child); 

document.body.insertBefore(parent,document.body.childNodes[0]);