Question

任何人都可以让我知道我应该使用哪些属性而不是这些（我用于Internet Explorer）在chrome或firefox中工作：

用于更改元素的可见性：

obj.style.visibility = 'visible/hidden';

获取元素：

document.getElementById("id");

用于将字符串值写入元素：

obj.innerHTML = "....";

设置或检索对象的左侧位置：

obj.style.posLeft/posTop = ...;

或者，有人可以建议一些关于浏览器兼容性的文章吗？

Answer 1

obj.style.posLeft/posTop应为obj.style.left/top，其值必须始终包含一个单位。除此之外，您展示的代码段应该适用于所有浏览器。此外，这些定位属性仅适用于非“静态”定位的元素，即具有position: absolute，position: relative或position: fixed的元素。

Answer 2

所有人都受到支持。您可以在w3c上查看支持的浏览器。例如，对于posLeft http://www.w3schools.com/js/js_htmldom.asp

Answer 3

上面的答案是正确的，但我想补充一点，你最好使用任何流行的JavaScript框架来避免这样的事情：

window.screenY, window.screenX (for Firefox)
window.screenTop, window.screenLeft (for IE and Opera)

以及稍后会遇到的其他差异

PS。 http://caniuse.com/也很好

Javascript浏览器兼容性

3 个答案: