• 【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类型的值

  • 相关阅读:
    gulp基础
    字符串及字符串的方法
    ES5
    JS的设计模式
    VSN与GitHub
    JS闭包函数的概念及函数的继承
    Promise的工作原理
    JS原生的Ajax
    MySQL数据库的基本操作
    & 异步使用场景
  • 原文地址:https://www.cnblogs.com/qq609113043/p/6649016.html
Copyright © 2020-2023  润新知