Java与CSS交互

1.JS与css的交互基本介绍

1.1问题引入

JavaScript获取css样式时分为两种情况：行内样式获取法和非行内样式法a

1.2 行内样式

通过元素.style.属性 即可获取设置

---

1.3非行内样式

因为浏览器的不同分为两种

1.基于edge（IE）浏览器的

element.currentStyle['attr]

2.基于非edge（edge）浏览器的，如：火狐，谷歌

getComputedStyle['attr]

[注意事项]：非行内样式获取法，只能获取不能设置

---

另外插播一下之前的DOM获取元素还可以通过表格对象进行获取

             //利用table表格对象
            // rows[],返回表格中所有行的一个数组
            // insertRow(),从表格中插入一个新行
            // deleteRow(),从表格中还是拿出一行



            //tableRow表格行对象
            // cells[], 返回包含行中所有单元格的一个数组
            // rowindex, 返回改在表格中的一个位置
            //insertCell(),在一行中指定的位置插入一个空的td标签
            // deleteCell(), 删除行中指定的单元格



            // tableCell表格单元格对象
            // cellindex, 返回单元格在某单元行中所在的位置
            // innerHTML, 设置或返回单元格的开始标签和结束标签之间的HTML
            // align 设置或者返回单元格的内部数据水平排列方式
            // classname 设置或者返回元素的class属性