如何修改element.style样式

• 相信很多朋友在修改主题css时遇到过一些问题，比如说出现这个elememt.style，这个有时候无法直接修改，因为找不到。因此可以通过css中的 !important 语法优先权来实现我们想要的效果。

举个例子：

1.png

默认情况下上面的背景颜色是绿色，我们找不到element.style该怎么修改呢，这时候就可以在下面CSS样式表里面修改:

2.png

如上图，在css样式表里面加入一个背景样式background:#FFFFFF ! important ，可以看到的是最上面的绿色被禁用，白色就是优先显示了。

用js如何获取一个上传文件的扩展名

<input type="file" id="file";
var file = document.getElementById(“file”)
alert(file.files[0].name)

一些兼容写法

(1) window.event：
表示当前的事件对象，IE有这个对象，FF没有，FF通过给事件处理函数传递事件对象
(2) 获取事件源
IE用srcElement获取事件源，而FF用target获取事件源
(3) 添加，去除事件
IE：element.attachEvent(“onclick”, function) element.detachEvent(“onclick”, function)
FF：element.addEventListener(“click”, function, true) element.removeEventListener(“click”, function, true)
(4) 获取标签的自定义属性
IE：div1.value或div1[“value”]
FF：可用div1.getAttribute(“value”)

(5) document.getElementByName()和document.all[name]
IE；document.getElementByName()和document.all[name]均不能获取div元素
FF：可以
(6) input.type的属性
IE：input.type只读
FF：input.type可读写
(7) innerText textContent outerHTML
IE：支持innerText, outerHTML
FF：支持textContent
(8) 是否可用id代替HTML元素
IE：可以用id来代替HTML元素
FF：不可以
(9)
document.documentElement.clientWidth || document.body.clientWidth
(10)
window.getComputedStyle(element,null)[property];IIelement.currentStyle[property];