Đối tượng HTML DOM DD liên kết với phần tử HTML <dd> có mặt bên trong danh sách định nghĩa được ký hiệu bởi phần tử <dl> trong tài liệu HTML.
Cú pháp
Cú pháp sau đây dùng cho:
Tạo đối tượng DD:
var p = document.createElement("DD");Ví dụ
Hãy xem một ví dụ cho đối tượng HTML DOM DD:
<!DOCTYPE html> <html> <body> <h2>Ví dụ đối tượng dd</h2> <p>Nhấn nút bên dưới để tạo phần tử dd với một số văn bản trong nó</p> <button onclick="create_dd()">TẠO</button><br><br> <dl id="DL1"> <dt>Xoài</dt> </dl> <script> function create_dd() { var d = document.createElement("DD"); var txt = document.createTextNode("Xoài được gọi là vua của các loại trái cây."); d.appendChild(txt); var ele = document.getElementById("DL1"); ele.appendChild(d); } </script> </body> </html>Kết quả
Điều này sẽ tạo ra kết quả sau:
Khi nhấn nút TẠO:
Trong ví dụ trên:
Chúng ta đã tạo một danh sách định nghĩa với id "DL1". Nó có một phần tử <dt> bên trong nó:
<dl id="DL1"> <dt>Xoài</dt> </dl>
Chúng ta đã tạo nút TẠO sẽ thực thi phương thức create_dd() khi được nhấp bởi người dùng:
<button onclick="create_dd()">TẠO</button><br><br>
Phương thức create_dd() tạo một phần tử <dd> bằng phương thức createElement() trên đối tượng document và gán nó cho biến d. Sau đó nó tạo một nút văn bản bằng phương thức createTextNode() và gán nó cho biến txt. Nút văn bản sau đó được nối thêm làm con của phần tử <dd> bằng phương thức appendChild().
Phần tử <dd> cùng với nút văn bản sau đó được nối thêm làm con của danh sách định nghĩa bằng cách sử dụng lại phương thức appendChild():
function create_dd() { var d = document.createElement("DD"); var txt = document.createTextNode("Xoài được gọi là vua của các loại trái cây."); d.appendChild(txt); var ele = document.getElementById("DL1"); ele.appendChild(d); }