Đối tượng Span trong HTML DOM

Đối tượng Span trong HTML DOM liên quan đến phần tử HTML <span>. Chúng ta có thể tạo và truy cập phần tử span bằng createElement() và getElementById().

Cú pháp

Cú pháp tạo đối tượng span:

var a = document.createElement("SPAN");

Ví dụ

Ví dụ minh họa cho đối tượng span:

<!DOCTYPE html> <html> <body> 
<h1>Ví dụ đối tượng Span</h1> 
<p>Tạo phần tử span bằng cách nhấn nút dưới đây</p> 
<button onclick="createSpan()">TẠO</button> 
<p>Đây là văn bản bên trong phần tử p</p> 
<script> 
    function createSpan() { 
        var s = document.createElement("SPAN"); 
        var txt = document.createTextNode("Đây là văn bản bên trong phần tử span"); 
        s.appendChild(txt); 
        document.body.appendChild(s); 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "TẠO", một phần tử span với văn bản xuất hiện trên trang.