zoukankan      html  css  js  c++  java
  • 【2017-03-30】JS-document对象

    一、获取标记对象

    1、document.getElementById("id");         根据id找,最多找到一个。

    2、document.getElementsByName("name");        根据name找,找出来的是数组。

    3、document.getElementsByClassName("name");       根据classname找,找出来的是数组。

    4、document.getElementsByTagName("name")           根据标签名找,找出来的是数组。

    二、三个事件

    1、点击事件

    onclick

    2、鼠标移入事件

    onmouseover

    3、鼠标移出事件

    onmouseout

    要给数组赋上事件必须进行循环:

    var  arr =document.getElementsByClassName("div1");

    for(var i =0;i<arr.length;i++)

    {

       arr[i].onclick=function(){

         this.style.backgroundColor="red";                   //this 在循环中点谁谁变色

        }

    }

    三、控制标记的样式

    标记对象.style.样式="值";

    var a =document.getElementById("btn1");

    a.onclick=function(){

    a.style.backgroundColor="red";

    }

    样式里带“-”的,要将“-”去掉,并且将其之后一个字母变成大写。

    在JS里对象的index属性,可以记录一个int类型的值

  • 相关阅读:
    AGC002
    ICPC 北美Mid Central 2019 Regional
    【洛谷 5020】货币系统
    【洛谷 1109】学生分组
    【洛谷 2915】奶牛混合起来
    【洛谷 4162】最长距离
    【YCOJ 3805】竞选
    【洛谷 2807】最长路
    【洛谷 2918】买干草Buying Hay
    【LOJ 10172】涂抹果酱
  • 原文地址:https://www.cnblogs.com/qq609113043/p/6649016.html
Copyright © 2011-2022 走看看