zoukankan      html  css  js  c++  java
  • 【Miaov】JS1-属性操作

    HTML属性操作:读、写

    属性的读操作:获取、找到

    元素.属性名

    属性的写操作:(“添加”)替换、修改

    元素.属性名=新的值

    oDiv.innerHTML---读取元素内的所有HTML内容
    oDiv.innerHTML=新的值---替换元素内的所有HTML内容

    注意事项:

    ①JS中不允许出现“-”
    font-size--》fontSize
    padding-top--》paddingTop
    margin-left--》marginLeft

    ②操作样式较多的时候就写在样式表里再去调用
    如何给元素动态添加class:
    class是保留字 ==》className

    ③图片路径地址是相对路径地址,所有的相对路径地址都不能用来做判断

    图片的src,href等不能用作判断
    图片的src=http://……绝对路径地址可以用作判断

    图片的相对路径不可读但可写

    color:red #f00 rgb(250,0,0)颜色值也不能用作判断

    innerHTML值也不能拿来做判断

    ④关于表单元素form里的type值更改有兼容性问题
    比如一个复选款点击切换成按钮,oInput.type="" 改变type值不兼容IE678 ,最好的办法就是把两个框
    用显示隐藏的方法来做

    ⑤oDiv.syle.float="left"---有兼容问题

    IE(styleFloat)/非IE(cssFloat)

    可以用添加class的时候避免兼容性问题

    技术上掌握兼容问题,但是实际项目中尽量绕开这些兼容性陷阱用更好的方式呈现。

    ⑥中括号的使用

    .后面的值无法修改
    []里的值可以随便写

    JS中允许把“.”换成“[]”;

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

    判断

    if(条件){
    }

    if(条件){
    }else{
    }

    if(条件1){
    }else if(条件2){
    }else if(条件3){
    }else if(条件4){
    ……
    }else{
    }

    没有条件的时候创造条件
    eg:var onOff=true;


    两个图片的切换?---------创造条件进行判断

    三个图片的切换怎么做?不用判断-----------用数组


    数组

    如果放多个东西可考虑用数组

    arr[arr.length-1]数组最后一位
    arr.push()往数组最后一位添加数据

    写代码时把公用的东西放入函数中

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

    课后练习

    手机对话:http://sandbox.runjs.cn/show/5btybfb5

    三个以上图片切换:http://sandbox.runjs.cn/show/kirvz7x5

  • 相关阅读:
    mysql 索引
    redis持久化
    redis发布订阅
    django 信号
    paramiko模块
    23种设计模式python实现
    几种浏览器存储数据的方式
    关于传参
    对字符串里的四则运算进行计算2020/10/12
    动手动脑2020/10/9
  • 原文地址:https://www.cnblogs.com/chen7/p/4895228.html
Copyright © 2011-2022 走看看