0

解像度を下げるにはメニューが大きくなりすぎているため、重要性の低いボタンを削除しています....しかし、これはmozillaとIEでは機能しませんか?

JavaScript

  <script>
        if(screen.availWidth<=1345)
        {var r1=document.getElementById("rem1"); r1.remove();}

        if(screen.availWidth<=1255)
        {var r2=document.getElementById("rem2"); r2.remove();}
    </script>

HTML

<li id='rem1'><a href=''id='pad2'>Resources</a></li>
<li id='rem2'><a href='' id='pad2'>Help</a></li>
4

2 に答える 2

3

screen.availwidthプロパティは正常に機能しているようですが、代わりにdocument.body.clientWidthを使用できます。要素を削除するr1.parentNode.removeChild(r1); には、代わりに .remove() メソッドを使用できますが、目的のために、ここで表示プロパティを調整することをお勧めします。 

window.onload = window.onresize = function () {
    var r1 = document.getElementById("pad1");
    var r2 = document.getElementById("pad2");
    r2.style.display = (document.body.clientWidth <= 1345) ? 'none' : 'list-item';
    r1.style.display = (document.body.clientWidth <= 1255) ? 'none' : 'list-item';
}

jsfiddle:コード+フルスクリーン

于 2013-08-10T12:31:52.737 に答える