如何在javascript中更改列表标记的浮动样式？

我在使用javascript更改列表标记的浮点样式时遇到问题。我正在制作一个网站，并试图使其响应，以便当屏幕大小低于600px时，有一个汉堡包图标，可以按下，并出现导航栏，但我已在css代码中将浮动设置为左侧，以便当窗口高于600px时，菜单保持水平。我现在正在尝试更改它，以便当按下汉堡并显示菜单时，每个列表元素都显示在彼此下方，而不是彼此相邻

这是导航栏的我的div：

count=1；
函数clickHamburger（）{
var navigation=document.getElementById（'navigation'）；
var li=document.getElementsByTagName（'li'）；
如果（计数%2！=0）{
navigation.style.display='block'；
计数++；
}否则如果（计数%2==0）{
navigation.style.display='none'；
li.style.styleFloat='none'；
计数++；
}
}

#导航{
宽度：100%；
背景色：rgb（53,53,53）；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
保证金底部：-4px；
背景色：rgb（53,53,53）；
显示：内联块；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：#111；
}
.主动{
背景色：rgb（106106241）；
}
@仅介质屏幕和（最大宽度：600px）{
#航行{
显示：无；
}
#汉堡包{
显示：块；
}
}
@仅介质屏幕和（最小宽度：599px）{
#航行{
显示：块！重要；
}
}

getElementsByTagName

返回所有

li

元素的

HtmlCollection

，这些元素在这里是5。因此，您需要遍历它们并设置样式。您还将float设置为

none

，此时菜单将关闭。我想您应该将其移动到另一个if块，其中导航设置为显示。正确的属性名称是

cssFloat

styleFloat

是IE 8及更低版本中的属性名称

count=1;
function clickHamburger () {
    var navigation = document.getElementById('navigation');
    var liElems = document.getElementsByTagName('li');
    if (count % 2 != 0) {
        navigation.style.display = 'block';
        for (var i = 0; i < liElems.length; i++) {
            liElems[i].style.cssFloat = 'none';
        }
        count++;
    } else if (count % 2 == 0) {
        navigation.style.display = 'none';
        count++;
    }
}

.red{
背景：红色；
}
蓝先生{
边框：10px纯蓝色；
}

---

DIV

尝试过的cssFloat总线都不起作用这里有三件事真的-1。隐藏/显示div，2。将CSS浮动设置为3。确定响应曲面的宽度。