js基础之js中的HTML属性操作与注意事项(2)

一.js中的HTML属性操作
HTML属性操作：读和写；

属性读操作：作用：获取、找到；
语法：元素.属性名

属性写操作：作用：替换、修改；
语法：元素.属性名 = 新的值--->就替换了。

innerHTML：读取元素内的所有HTML内容；
语法：元素.innerHTML；//读取HTML内容
语法：元素.innerHTML = 新值；//修改HTML内
容

/*属性读写操作注意事项*/
1.JS中不允许出现“-”
　　例：oDiv.style.fontSize
将font-size 中的“-”去掉，size的首字母大写；
　　如：padding-top ====> paddingTop;

2.JS中的如果想修改class名，需要写成：
　　oDiv.className = ‘新名字’；
　　class是保留字，不可以直接写。

3.所有的**相对路径**，都不要拿来做判断；
　　如：img src href="1.css"

颜色值不要拿来做判断：
color:red #foo rgb(250,0,0) //不确定的值；
innerHTML 值不要拿来做判断；

4.表单元素的type值修改：
　　IE6 IE7 IE8 兼容性问题，解决思路：尽量绕过直接修改表单元素中的type值，争取视觉上实现效果。

5.float的兼容性问题：

最好是把左右浮动写到css中，需要哪里浮动，给标签添加对应的class。这样IE和其它浏览器都兼容；

6.[]的使用方法：
　　当发现某一个值会无规律改变时，都会使用到[]；
例：
　　oAttr.value //这里是用户输入的属性名
　　oVal.value //这里是用户输入的属性值
　　oDiv.style.width= oVal.value; //style . 点后面的值无法修改；
　　oDiv.style[oAttr.value] = oVal.value; //[]里面的值可以随便写;

/*注*/
JS中允许将“.”替换成“[]”;
所有的"."都可以替换成“[]”，并且没有兼容性；

关于兼容问题：
技术上：必须能做到掌握兼容性(兼容性问题的解决方案)
需求上：商量着来(提供最准确的呈现方案)

转载于:https://www.cnblogs.com/nemoDuoo/p/4547034.html