首页 > 代码库 > JavaScript Dom基础

JavaScript Dom基础

一、DOM查找

   1、document.getElementById("id")

     -功能:返回对拥有指定ID的第一个对象的引用

     -返回值:DOM对象

     -说明:id为DOM元素上id属性的值

   2、document.getElementByTagName("tag")

      -功能:返回一个对所有tag标签引用的集合

      -返回值:数组

      -说明:tag为要获取的标签名称

 

二、DOM设置元素样式

   1、ele.style.styleName=styleValue

    -功能:设置ele元素的CSS样式

    -说明

      -ele为要设置样式的DOM对象

      -styleName为要设置的样式名称

      -styleValue为要设置的样式值

三、innerHTML和className

    1、ele.innerHTML

      -功能:返回ele元素开始和结束标签之间的HTML

    2、ele.innerHTML="html"

      -功能:设置ele元素开始和结束标签之间的HTML内容为html

    3、ele.className

      -功能:返回ele元素的class属性

    4、ele.className="cls"

      -功能:设置ele元素的class属性为cls

四、DOM属性设置与获取

  1、ele.getAttribute("attribute")

    -功能:获取ele元素的attribute属性

    -说明;

      -ele是要操作的DOM对象

      -attribute是要获取的html属性(如:id,type)

  2、ele.setAttribute("attribute",value)

    -功能:在ele元素上设置属性

      -说明:

      -ele是要操作的dom对象

      -attribute为要设置的属性名称

      -value为设置attribute属性的值

 

 

 

 

 

 

  

 

JavaScript Dom基础