zoukankan      html  css  js  c++  java
  • 【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

  • 相关阅读:
    Oracle11以后的行列转换
    stream重复Key的处理
    EasyUI笔记(一)Base基础
    jQuery笔记(六)jQuery之Ajax
    【jQuery实例】Ajax登录页面
    jQuery笔记(五)jQuery表单验证
    jQuery笔记(四)jQuery中的动画
    jQuery笔记(三)jQuery中的事件
    jQuery笔记(二)jQuery中DOM操作
    jQuery笔记(一)jQuery选择器
  • 原文地址:https://www.cnblogs.com/chen7/p/4898556.html
Copyright © 2011-2022 走看看