Phương thức HTML DOM createElement () được sử dụng để tạo động một phần tử HTML bằng JavaScript. Nó lấy tên phần tử làm tham số và tạo nút phần tử đó. Bạn cần sử dụng phương thức appendChild () để có phần tử mới được tạo như một phần của DOM.
Cú pháp
Sau đây là cú pháp cho phương thức createElement () -
document.createElement(nodename)
Ví dụ
Chúng ta hãy xem một ví dụ cho phương thức createElement () -
<!DOCTYPE html> <html> <body> <h1>createElement() example</h1> <p>Click the below button to create more buttons</p> <button onclick="createButton()">CREATE</button> <br><br> <script> var i=0; function createButton() { i++; var btn = document.createElement("BUTTON"); btn.innerHTML="BUTTON"+i; var br= document.createElement("BR"); document.body.appendChild(btn); document.body.appendChild(br); } </script> </body> </html>
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút CREATE ba lần. Một lần nhấp cho một nút -
Trong ví dụ trên -
Chúng tôi đã tạo một nút CREATE sẽ thực thi phương thức createButton () khi người dùng nhấp vào.
<button onclick="createButton()">CREATE</button>
Hàm createButton () tạo một phần tử
var i=0; function createButton() { i++; var btn = document.createElement("BUTTON"); btn.innerHTML="BUTTON"+i; var br= document.createElement("BR"); document.body.appendChild(btn); document.body.appendChild(br); }