love
V2EX  ›  HTML

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

  •  1
     
  •   love · Sep 12, 2015 · 3898 views
    This topic created in 3970 days ago, the information mentioned may be changed or developed.

    最近在学移动浏览器上的 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 replies    2015-09-12 08:13:08 +08:00
    shenqi
        1
    shenqi  
       Sep 12, 2015 via Android
    ie 浏览器不能直接设定 style='',而是 style.display='none'
    love
        2
    love  
    OP
       Sep 12, 2015
    我去,我错了, style 属性不能这样作字符串用,在 webkit 上不支持,在 ff 上可以。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3039 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 03:04 · PVG 11:04 · LAX 20:04 · JFK 23:04
    ♥ Do have faith in what you're doing.