資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會研究
時尚研究
法律研究HTML DOM Span 物件
HTML DOM span 物件與 HTML <span> 元素相關聯。我們分別可以使用 createElement() 和 getElementById() 方法建立和訪問 span 元素。
語法
以下是語法 −
建立一個 span 物件 −
var a = document.createElement("SPAN");示例
讓我們看一個 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>輸出
這將產生以下輸出 −
點選 CREATE 按鈕 −
更新於：2021 年 2 月 19 日
2K+ 瀏覽量
廣告