Đối tượng DFN trong HTML DOM

Đối tượng DFN đại diện cho phần tử HTML <dfn> (definition element). Văn bản bên trong <dfn> là thuật ngữ đang được định nghĩa trong ngữ cảnh xung quanh.

Cú pháp

Tạo đối tượng DFN:

var x = document.createElement("DFN");

Ví dụ

Tạo phần tử <dfn> động:

<!DOCTYPE html> <html> <body> 
<h2>Ví dụ DFN object</h2> 
<p>Nhấn nút để tạo phần tử dfn với văn bản bên trong</p> 
<button onclick="dfnCreate()">TẠO</button> 
<br><br> 
<script> 
  function dfnCreate() { 
    var x = document.createElement("DFN"); 
    var t = document.createTextNode("Phần tử định nghĩa"); 
    x.appendChild(t); 
    document.body.appendChild(x); 
  } 
</script> </body> </html>

Kết quả

Trước khi nhấn nút:

Sau khi nhấn nút, phần tử <dfn>Phần tử định nghĩa</dfn> xuất hiện:

Giải thích

Hàm dfnCreate() tạo element DFN, tạo text node, gắn text vào DFN, rồi gắn DFN vào body.