html语言中span,HTML DOM Span用法及代码示例

DOM span对象用于表示HTML 元素。可以使用getElementById()方法访问span元素。

用法:

document.getElementById("id");

其中‘id’是分配给span标签的ID。

示例1：在下面的程序中，将访问span元素内的内容并将其附加到段落元素。

GeeksForGeeks

DOM span Object

A computer science portal for

style="color:green;">geeks

.

Click Here!

function Geeks() {

var x = document.getElementById("span").textContent;

document.getElementById("p").innerHTML = x;

}

输出：

在点击按钮之前：

单击按钮后：

示例-2：可以使用document.createElement方法创建跨度对象。在下面的程序中，单击该按钮将创建一个span对象，并将文本节点附加到该对象。

GeeksForGeeks

DOM span Object

Submit

function myGeeks() {

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

var f =

document.createTextNode("A computer science

portal for geeks.");

g.appendChild(f);

document.body.appendChild(g);

}

输出：

在点击按钮之前：

单击按钮后：