zoukankan      html  css  js  c++  java
  • document 对象

    一。查找元素对象

    1.   html中查找元素对象:(1)class (2)id (3)标签

    document找到元素对象

    (1)id:            document.getElementById("元素id");【根据id只能找到一个元素对象(html的id不会重复)】【作用客户端】

    (2)class:        document.getElementsByClassName("class名称");【根据class找到一个数组数据】【作用客户端】

    (3)标签名:      document.getElementsByTagName("标签名");【标签:div/input/span等。找到的是一个数组数据】【作用客户端】

    (4)name名:    document.getElementsByName("name名");【根据name来查找,找到一个数组数据】【作用服务端】

    2.   将找到的数据放到变量中:

    var a=document.getElementById("元素id");【该类型只有一个值,操作时直接使用a.事件】

    var a=documenr.getElementByClassName("class名称");【该类型是一个数组,对数组内的单个元素操作使用for循环:a[i].事件】

    二。常用三个事件

    1.点击事件[onclick]

    a.onclick=function(){}

    2.鼠标移入事件[onmouseover]

    a.onmouseover=function(){}

    3.鼠标移出事件[onmouseout]

    a.onmouseout=function(){}

     三。控制标记的样式

    1.元素标记.style.样式=“值”;

    更改id为‘aa’的背景颜色为黑色:aa.style.backgroundColor="red";

    这里的background-color变成backgroungColor,是因为js中所有带“-”的属性全部都要去掉,并且其后面的第一个字母变成大写。

    2.在对数组数据for循环遍历时,第一个元素是a[0].

    要对某个元素的进行标记样式操作时,可用this来当做要抽去对象,下一章会有详细介绍。

          

  • 相关阅读:
    firefox远程调试
    PHP使用unset销毁变量并释放内存(转)
    去掉超级链接的虚线框
    如何减少 reflow(回流)和 repaint(重绘)
    Chrome远程调试
    3大mobile浏览器远程调试
    IE6下使用滤镜后链接无法点击的BUG
    让IE6区块元素具备display:inlineblock属性
    Call to undefined function curl_init()解决方法(转)
    CSS3 Gradient
  • 原文地址:https://www.cnblogs.com/zhangxin4477/p/6648138.html
Copyright © 2011-2022 走看看