• 【Miaov】JS2-for应用


    for应用

    获取元素的第一种方法根据id名称获取

    document.getElemensById("")

    获取元素的第二种方法根据标签获取

    document.getElementsByTagName("")------动态方法,返回元素的集合类似于数组,

    获取元素的第三种方法页面只有一个元素的可以直接跟元素获取
    document.body.innerHTML="abc"
    document.title=123


    以id元素获取方法,前面只能跟document ,只能找一个元素 ,静态方法
    以标签获取怨妇方法,前面可用document也可用别的元素,  找一堆元素的集合 ,动态方法

    性能问题

    比如在页面添加2000个按钮;

    可以先把所有按钮创造出来之后再一起添加到页面中,这样就不需要每次都与页面发生一次添加关系

    cssText的用法--加样式--无兼容性问题

    oDiv.style.cssText="200px;height:200px;"

    cssText添加的是行间样式,不会更改事先单独设置的样式表内的样式,下一个cssText会覆盖上一个cssText的值类似于innerHTML中的重写

    this的指向及其应用

    this 指的是调用当前方法(函数)的那个对象

    for计算元素的坐标
    两个小练习

    for嵌套应用
    练习,用for嵌套的方法找出ul中嵌套的ul下的li元素

    =========================================================

    作业:

    逢10往下一行:http://sandbox.runjs.cn/show/ahelkqpb
    来一个小V字形:http://sandbox.runjs.cn/show/apk0i3ew

    鼠标移动上去显示简介,兼容ie678:http://sandbox.runjs.cn/show/tcb6hzyn

  • 相关阅读:
    【转】Android——设置颜色的三种方法
    Eclipse Android安装APP时覆盖安装问题
    自定义数组,实现输出改数组的长度、最大值和最小值
    用程序实现对数组a[45,96,78,6,18,66,50]中的元素进行排序
    PHP面试题2
    PHP面试题
    gulp
    移动端base.css
    笔记
    mouseover和mouseout事件在鼠标经过子元素时也会触发
  • 原文地址:https://www.cnblogs.com/chen7/p/4898556.html
Copyright © 2020-2023  润新知