HTML DOM 选取框对象

HTML DOM Marquee Object用于表示 HTML 标签。我们知道 标签用于将内容从水平移动到垂直或从左到右或从右到左。

句法

• 它用于访问选框标签。

  document.getElementById("id");  

• 它用于创建选取框标签。

  document.createElement("MARQUEE");

属性值：

• bgcolor：用于设置或返回标签的背景颜色值。
  behavior：用于设置或返回标签的behavior属性值。

  scrollamount：用于设置或返回 标签的速度。

  direction：用于设置或返回标签的方向属性值。

  loop：用于设置或返回标签的loop属性值。

  height：用于设置或返回标签的高度。

  width：用于设置或返回标签的高度。

  hspace：用于设置或返回标签的空格。

  vspace：用于设置或返回标签的vspace。

  scrollDelay ：用于设置或返回 标签的 scrolldelay 属性的值。

  truespeed ：用于设置或返回 标签的 truespeed 属性值。

  方法

  • start()：该方法用于启动Marquee Tag的滚动。
  • stop()：该方法用于停止Marquee Tag的滚动。

  示例 1：下面的 HTML 代码说明了如何创建选取框对象。

  HTML

    
  
      
          GeeksforGeeks
      
        
      DOM Marquee Object
        
      
          Click on the below button to 
          create a marquee object
      
        
      
        
      
          Create Marquee Object
      
    
      
          function createMarqueObject() {
              var elementVar = document.createElement("MARQUEE");
              var txt = document.createTextNode(
                  "GeeksforGeeks:A computer Science Portal for Geek");
              elementVar.appendChild(txt);
              document.body.appendChild(elementVar);
          }
      
  
    

  
  
  

  输出：

  

  示例 2：下面的 HTML 代码说明了如何更改选取框元素的背景颜色和字体大小。

  HTML

    
  
      
          GeeksforGeeks
      
    
      DOM Marquee Object
    
      
          GeeksforGeeks:A computer Science
          Portal for Geeks
      
      
    
      
          Change BackGround Color
      
    
      
          function btnClick() {
              var txt = document.getElementById("marqueeID");
              txt.style.backgroundColor = "green";
              txt.style.fontSize = "25px";
          }
      
  
    

  输出：

  

  支持的浏览器：

  • 谷歌浏览器 1.0
  • 边缘 12.0
  • 火狐 65.0
  • 互联网浏览器 2.0
  • 歌剧 7.2
  • 野生动物园 1.2

  
  

  
  

  Copyright © 2020 - 2024 版权所有
  蜀ICP备20006366号-1
  Made with ❤️ in Chengdu