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个对象，分别为

所有都不在firefox中工作？有任何建议......

Answer 1

不太确定，但我想你必须先将它们显示为'block'，因为spans是内联元素。此外，父元素应设置宽度。

所以在css：display：block;

//编辑：

display：inline-block;

甚至可能更好。

Answer 2

有些浏览器会将所有带有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 3

首先：hand的{{1}}值是Microsoft对其他浏览器调用的所有权的实现cursor我认为你必须回到IE5才能找到一个没有的IE支持pointer.所以请改用它。

如果您想支持不理解pointer的浏览器，请改为更改pointer并预定义样式：

.className

第二：width属性不适用于.foo { cursor: hand; cursor: pointer; }元素（默认为display: inline）。 IE在怪癖模式下可能会出错，导致许多不一致。确保您在standards mode。

如果您使用的是span，则将其更改为块元素，或者将显示样式设置为不内联（例如<span>）。

第三：您没有指定如何获得相应变量中元素的引用。 IE倾向于挥霍与任何给定元素的id匹配的全局变量。这是非标准的，不能依赖。确保你得到适当的参考。 e.g。

display: inline-block;

firefox中的样式属性

3 个答案: