为什么在移动浏览器上设置内联样式 style 不起作用？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

Dive into HTML5

这是一个创建于 3142 天前的主题，其中的信息可能已经有所发展或是发生改变。

最近在学移动浏览器上的 JS ，发现在浏览器上设置 style 竟然不管用：

<!DOCTYPE html>
<html>
<head><title>Style Test</title></head>
<body><h1>Style Test</h1><script>
setTimeout (function () {
    var h1 = document.getElementsByTagName ('h1')[0];
    h1.style = 'display: none';
}, 3000 )
</script>
</body>
</html>

这个h1不会隐藏起来，为什么呢？（其实我觉得应该是我 SB 了，但是我看不出来问题所在）

2 条回复 • 2015-09-12 08:13:08 +08:00

shenqi

2015-09-12 07:54:47 +08:00 via Android

ie 浏览器不能直接设定 style='',而是 style.display='none'

love

2015-09-12 08:13:08 +08:00

我去，我错了， style 属性不能这样作字符串用，在 webkit 上不支持，在 ff 上可以。