HTML | DOM 跨度对象

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

句法：

document.getElementById("id"); 

其中“id”是分配给span标签的 ID。
示例 1：在下面的程序中，span 元素内的内容被访问并附加到段落元素。

html

   

        
          GeeksForGeeks
        
 
        DOM span Object
         
         
A computer science portal for geeks.
 
         
        Click Here!
         
        
 
         
        
        function Geeks() {
          var x = document.getElementById("span").textContent;
          document.getElementById("p").innerHTML = x;
        }
        

   

输出：
点击按钮前：

点击按钮后：

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

html

   

        
        
          GeeksForGeeks
        
        DOM span Object
 
        Submit
        
        
            <!--Creating span element-->
            function myGeeks() {
                var g = document.createElement("SPAN");
                var f = 
                document.createTextNode("A computer science
                portal for geeks.");
   
                g.appendChild(f);
   
                document.body.appendChild(g);
            }
        

   

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• 边缘
• 苹果浏览器
• 歌剧