Đối tượng HTML DOM DT được liên kết với phần tử HTML
Cú pháp
Sau đây là cú pháp cho -
Tạo đối tượng DT -
var p = document.createElement("DT"); Ví dụ
Hãy để chúng tôi xem xét một ví dụ cho đối tượng HTML DOM DT -
<!DOCTYPE html>
<html>
<body>
<h2>DT object example</h2>
<p>Create a DT element inside a DL by clicking the below button</p>
<button onclick="createDT()">CREATE</button>
<script>
function createDT() {
var Desc = document.createElement("DL");
var DesT = document.createElement("DT");
var tn= document.createTextNode("Mango");
DesT.appendChild(tn);
var data = document.createElement("DD");
var tn1 = document.createTextNode("Mango is the king of fruits");
data.appendChild(tn1);
document.body.appendChild(Desc);
Desc.appendChild(DesT);
Desc.appendChild(data);
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút TẠO -
Trong ví dụ trên -
Đầu tiên chúng tôi đã tạo một nút CREATE sẽ thực thi phương thức createDT () khi được người dùng nhấp vào -
<button onclick="createDT()">CREATE</button>
Phương thức createDT () tạo một phần tử
- ,
- và
- bằng cách sử dụng phương thức createElement () của đối tượng tài liệu và gán các phần tử tương ứng cho các biến Desc, DesT và dữ liệu. Sau đó, chúng tôi tạo nút văn bản cho phần tử
- và
- bằng phương thức createTextNode () và nối chúng vào các phần tử tương ứng bằng phương thức appendChild ().
Cuối cùng, chúng ta nối phần tử
- vào
- . Sau đó, phần tử
- được nối cùng với phần tử
- và
- vào phần thân tài liệu bằng phương thức appendChild () -
function createDT() { var Desc = document.createElement("DL"); var DesT = document.createElement("DT"); var tn= document.createTextNode("Mango"); DesT.appendChild(tn); var data = document.createElement("DD"); var tn1 = document.createTextNode("Mango is the king of fruits"); data.appendChild(tn1); document.body.appendChild(Desc); Desc.appendChild(DesT); Desc.appendChild(data); }
- và sau đó là phần tử