在javascript中动态设置特定标记的样式_Javascript_Html_Css

在javascript中动态设置特定标记的样式

javascript html css

在javascript中动态设置特定标记的样式,javascript,html,css,Javascript,Html,Css,例如，要设置body的样式，您只需执行document.body.style.color=white，但如果我想对pre-tag执行相同的操作，该如何执行？在这种情况下，您需要使用getElementsByTagName，如下所示： var tags = document.getElementsByTagName("pre"); for(var i = 0; i < tags.length; i++) tags[i].style.color = "white"; 在这种情况下，

例如，要设置body的样式，您只需执行document.body.style.color=white，但如果我想对pre-tag执行相同的操作，该如何执行？

在这种情况下，您需要使用getElementsByTagName，如下所示：

var tags = document.getElementsByTagName("pre");
for(var i = 0; i < tags.length; i++)
     tags[i].style.color = "white";

在这种情况下，您需要使用getElementsByTagName，如下所示：

var tags = document.getElementsByTagName("pre");
for(var i = 0; i < tags.length; i++)
     tags[i].style.color = "white";

最好的解决方案是使用类更改样式。这就是主题的典型工作方式。你在身体上设置了一个类，可以改变你想要改变的东西

window.setTimeout函数{ document.body.classList.addluckyGreen }, 4000 window.setTimeout函数{ document.body.classList.removeluckyGreen }, 8000 前{ 背景色：CCC； } body.luckyGreen{ 颜色：绿色； } body.luckyGreen pre{ 背景色：CFC； } X Y

最好的解决方案是使用类更改样式。这就是主题的典型工作方式。你在身体上设置了一个类，可以改变你想要改变的东西

您可以在CSS中创建类，然后切换它们、添加/删除它们或手动执行类似操作

设v3=document.getElementsByTagNamepre[2]； v3.类列表。添加“三”； let pre=document.getElementsByTagNamepre[0]；课前列表。添加“一”；让preAll=document.getElementsByTagNamepre； preAll[3].classList.add'four'；让我；对于i=0；i您可以在CSS中创建类，然后切换它们、添加/删除它们或手动执行类似操作

给你的预标记一个类名或id，然后你可以使用GetElementByIds设置该类或id的样式。你不能更改实际的标记样式吗？你实际上想做什么？@epascarello动态更改标记样式你控制页面css吗？将使主体上的类更有意义来改变事物。给你的预标记一个类名或id，然后你可以使用GetElementByIds设置该类或id的样式，这样你就不能更改实际的标记样式了吗？你实际上想做什么？@epascarello更改标记的样式动态你控制页面css吗？如果我创建一个新的标记，它的样式就不正确了？是的，但是你可以把这个代码放在一个函数中，当你这样做的时候调用它，或者在创建新的标记时显式地给它着色。如果您希望始终应用此属性，最好使用css，但css不能动态更改，可以吗？您可以设置一个通用属性，应用于此标记的所有元素，甚至新元素。但是如果你想要特定的行为，前面的答案是正确的。我如何设置一个通用属性？但是如果我创建一个新的标记，它将不会得到正确的样式？是的，但是你可以把这个代码放在一个函数中，当你这样做时调用它，或者在创建新标记时显式地给它着色。如果您希望始终应用此属性，最好使用css，但css不能动态更改，可以吗？您可以设置一个通用属性，应用于此标记的所有元素，甚至新元素。但是如果您想要特定的行为，前面的答案是正确的。如何设置常规属性？