【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

转载于:https://www.cnblogs.com/chen7/p/4895228.html

【Miaov】JS1-属性操作相关推荐

jQuery源码分析系列：属性操作
属性操作 1.6.1相对1.5.x最大的改进,莫过于对属性.attr()的重写了.在1.6.1中,将.attr()一分为二: .attr()..prop(),这是一个令人困惑的变更,也是一个破坏性的升 ...
web前端----jQuery属性操作
知识点总结 1.属性属性(如果你的选择器选出了多个对象,那么默认只会返回出第一个属性). attr(属性名|属性值) - 一个参数是获取属性的值,两个参数是设置属性值 - 点击加载图片示例 remo ...
JavaWeb_域对象的属性操作
JavaWeb_域对象的属性操作和属性相关的方法: 1)方法 Object getAttribute(String name):获取指定的属性 Enumeration getAttributeNam ...
了解JavaScript 对象的属性操作
提起操作, 很多人都会想到我们学习过程中最经常做的操作, 就是对数据库进行增, 删, 改, 查, 既然提到这个, 那么对于对象的属性操作也不例外, 基本上可以说也是这几个操作. JS中对象的属性标签 ...
jQuery操作标签--样式、文本、属性操作, 文档处理
1.样式 2.文本 3.属性操作全选,反选效果 4.文档处理操作标签一.样式操作样式类: addClass(); // 添加指定的css类名removeClass(); //移除指定的css类 ...
python打开文件夹的权限_python修改linux中文件(文件夹)的权限属性操作
今天生成的对流云团路径图片放在linux下,文件的权限都是rw,没有x,后续的别人的程序调用不了,这里附上对三个属性的简单解释,有不够的欢迎大家补充 Linux的权限不是很细致,只有RWX三种 r(R ...
点击按钮创建一个表格点击按钮创建一个表格权限选择元素的value属性操作
点击按钮创建一个表格 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
jQuery的属性操作
jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作.比如attr().removeAttr ...
jQuery attr removeAttr 属性操作
jQuery attr removeAttr 属性操作 <%@ page language="java" import="java.util.*" pag ...
Mr.J-- jQuery学习笔记(三十二)--jQuery属性操作源码封装
扫码看专栏 jQuery的优点 jquery是JavaScript库,能够极大地简化JavaScript编程,能够更方便的处理DOM操作和进行Ajax交互 1.轻量级 JQuery非常轻巧 2.强大的 ...

【Miaov】JS1-属性操作

【Miaov】JS1-属性操作相关推荐

最新文章

热门文章