Hướng dẫn create html element js
|
Show Trong một tài liệu HTML, phương thức Cú phápvar element = document.createElement(tagName);
Là
thẻ HTML mà bạn muốn tạo mới. Không sử dụng tên đủ điều kiện (như “ Giá trị trả về Trả về Ví dụHTML
JavaScript document.body.onload = addElement;
function addElement () {
// create a new div element
var newDiv = document.createElement("div");
// and give it some content
var newContent = document.createTextNode("Hi there and greetings!");
// add the text node to the newly created div
newDiv.appendChild(newContent);
// add the newly created element and its content into the DOM
var currentDiv = document.getElementById("div1");
document.body.insertBefore(newDiv, currentDiv);
}
Kết quả Tính tương thích của trình duyệt webTrình duyệt trên máy tính
Trình duyệt trên thiết bị di động
Tham khảo:
Bạn có thể dùng JavaScript để tạo mới phần từ HTML sau đó chèn vào trang web. Đây là các cách giúp bạn tạo mới một phần tử HTML
var node = document.createTextNode("Tạo ra một phần tử");
var linknode = document.createElement("a");
linknode.href="https://xuanthulab.net/";
linknode.innerText="xuanthulab.net";
Ví dụ trên sẽ tạo ra một nút text, nhưng nó chưa hiện thị cho đến khi bạn gắn phần tử đó vào HTML document để nó là phần tử con của một phần tử nào đó, có một số cách để gắn phần tử tạo ra từ JavaScript vào DOM HTML
Ví dụ sau tạo ra một phần tử đoạn văn
nội dung ví dụ Loại bỏ phần tửĐể loại bỏ phần tử HTML, bạn chọn phần tử cha rồi sử dụng phương thức
Ví dụ trên sẽ xóa bỏ phần tử đoạn văn thứ nhất Bạn có thể sử dụng thủ thuật lấy thuộc tính
Thay thế phần tửĐể thay thể một phần tử
bằng một phần tử khác dùng cú pháp element.replaceChild(newNode, oldNode). Trong đó
|
