是否可以将样式更改应用于对象的特定值？

Question

我有 ap 显示特定鼠标事件的数十种不同文本。是否可以仅以不同的样式显示其中一个文本？我做了一个改变 p.style.attributes 的函数，但是每次 p 中的文本改变时这个函数都必须触发，所以我问是否有更流畅的方法来做到这一点。可以给一个值赋予风格吗？让我们举个明确的例子：var text32 = "this text should be in blue and huge"是否可以为这样的 var 赋予样式值？

Answer 1

你说你有多个元素的 ap 标签。所以js应该是

var p = document.getElementsByTagName("p");

for(var i=0; i<p.length; i++) {

if(p[i].innerHTML == "text huge blue"){

  p[i].style.color = "blue";

  p[i].style.font = "italic bold 20px arial,serif";

}

else

  p[i].style.color = "red";

}

<p>text huge blue</p>

<p>text huge other things</p>

在此代码段中，您有一个由文档中所有带有“p”标签的元素组成的数组，我认为这就是您的情况（否则很容易编辑此代码以将其应用于您的需要）。如果内容是“文本巨大的蓝色”，则将 p 的内容设置为蓝色大斜体，否则将其设置为红色。所以我给你提供了两个例子来看看区别。