zoukankan      html  css  js  c++  java
  • 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属性的值

      

  • 相关阅读:
    win7,win10获取屏幕缩放适应截图
    cg语言学习&&阳春白雪GPU编程入门学习
    Unity Plugins的使用方法
    记录Unity的优化tip(不断更新)
    深入理解法线贴图原理
    读香菱学诗
    排序算法学习
    图的算法复习大纲
    Gama Space 和 Linear Space 学习
    BM算法学习
  • 原文地址:https://www.cnblogs.com/xianyujn/p/6250360.html
Copyright © 2011-2022 走看看