风格属性在Firefox

Question

我使用的一段代码在JS为： -

span_1.style.width = '30%' 

input_1.style.width = '40%'; 

td_1.style.cursor = 'hand'; 

其中span_1，input_1，td_1是span，input，td对象，RESP。

所有在Firefox？任何建议都没有工作...

Answer 1

有些浏览器把一个ID的所有元素作为属性在window对象，这样就可以直接访问它们，但是这是不是一个Web标准。使用getElementById方法来访问元素：

document.getElementById('span_1').style.width = '30%'; 

document.getElementById('input_1').style.width = '40%'; 

document.getElementById('td_1').style.cursor = 'pointer'; 

Answer 2

不太清楚，但我猜你必须将其显示为“块”第一，因为跨度是内联元素。另外，父元素应该有一个宽度集。

所以在CSS：显示：块;

//编辑：

display：inline-block;

可能会更好。

Answer 3

第一：为cursor的hand值是微软的专有实现什么其他浏览器调用pointer.我认为你必须回去IE5找到一个IE是不支持pointer所以用它来代替。

如果你想支持那些不明白pointer然后更改.className代替，并有预定义的风格浏览器：

.foo { 
    cursor: hand; 
    cursor: pointer; 
} 

二：width属性并不适用于display: inline元素（其中<span>是默认）。 IE可能会在怪癖模式下得到这个错误，这会导致许多不一致。确保你在standards mode。

如果使用的跨度，然后将其更改到块元件，或样式的显示，所以它不是内联（例如display: inline-block;）。

第三：你不指定如何获得参考各变量的元素。 IE倾向于挥霍全局变量来匹配任何给定元素的id。这是非标准的，不能被依赖。确保你得到适当的参考。例如

var span_1 = document.getElementById('span_1');