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

2015-09-12 07:45:24 +08:00
 love
最近在学移动浏览器上的 JS ，发现在浏览器上设置 style 竟然不管用：

```html
<!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 了，但是我看不出来问题所在）
3211 次点击
所在节点    HTML
2 条回复
shenqi
2015-09-12 07:54:47 +08:00
ie 浏览器不能直接设定 style='',而是 style.display='none'
love
2015-09-12 08:13:08 +08:00
我去，我错了， style 属性不能这样作字符串用，在 webkit 上不支持，在 ff 上可以。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/220105

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX