Đối tượng HTML DOM span được liên kết với phần tử HTML . Chúng ta có thể tạo và truy cập phần tử span bằng cách sử dụng phương thức createElement () và getElementById () tương ứng.
Cú pháp
Sau đây là cú pháp cho -
Tạo một đối tượng span -
var a = document.createElement("SPAN"); Ví dụ
Chúng ta hãy xem một ví dụ cho đối tượng span -
<!DOCTYPE html>
<html>
<body>
<h1>Span object example</h1>
<p>Create a span element by clicking the below button</p>
<button onclick="createSpan()">CREATE</button>
<p>This is some text inside a p element</p>
<script>
function createSpan() {
var s = document.createElement("SPAN");
var txt = document.createTextNode("This is some text inside the span element");
s.appendChild(txt);
document.body.appendChild(s);
}
</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 -
