在带有javascript的标签中应用样式（不包括jQuery）

我需要在页面中使用javascript，每li应用display: inline;。有没有办法做到这一点？我无法使用jQuery。在带有javascript的标签中应用样式（不包括jQuery）

它会像：

li{ 
    display: inline; 
}

这是一种简单的问题，但我不知道为什么我没有在谷歌找到它...

来源

2014-12-22 João Paulo

可以使用document.getElementsByTagName("li");

var elements=document.getElementsByTagName("li"); 
for(var x=0;x<elements.length;x++){ 
    elements[x].style.display = "inline"; 
}

来源

2014-12-22 17:00:48

啊...我想知道我什么时候加'li'动态太...这对只有那些已经存在要去工作。但问题被标记为重复的，并且是格式不正确的，我没有说动态插入，只是隐含地使用该CSS代码...我将标记为答案。 –

当你添加“li”时，只需用'newLI.style.display =“inline”给它'inline'样式;' –

我试图避免它。这个问题真的是畸形的。 –

您可以使用document.getElementsByTagName和style的Element和循环属性还可以用Array.forEach来完成，虽然我们需要使用Function.call为getElementsByTagName返回的对象不是一个真正数组，但一个NodeList

[].forEach.call(document.getElementsByTagName("li"), function(elm){ 
    elm.style.display = "inline"; 
})

来源

2014-12-22 16:59:05

在带有javascript的标签中应用样式（不包括jQuery）

回答

相关问题