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

Javascript 是否可以将样式更改应用于对象的特定值?,javascript,html,css,Javascript,Html,Css,我有一个p,显示了几十个关于特定鼠标事件的不同文本。 是否可以仅以不同的样式显示其中一个文本 我做了一个函数来改变p.style.attributes,但是这个函数必须在每次p中的文本改变时启动,所以我想知道是否有更平滑的方法来实现这一点。是否可以为值赋予样式 让我们举个明确的例子: var text32 = "this text should be in blue and huge" 有没有可能给这样的变量赋予样式值?您说过您有一个包含多个元素的p标记。所以js应该是 var p=docu

我有一个p,显示了几十个关于特定鼠标事件的不同文本。 是否可以仅以不同的样式显示其中一个文本

我做了一个函数来改变p.style.attributes,但是这个函数必须在每次p中的文本改变时启动,所以我想知道是否有更平滑的方法来实现这一点。是否可以为值赋予样式

让我们举个明确的例子:

var text32 = "this text should be in blue and huge"

有没有可能给这样的变量赋予样式值?

您说过您有一个包含多个元素的p标记。所以js应该是

var p=document.getElementsByTagName(“p”);

对于(var i=0;i您说过您有一个包含多个元素的p标记

var p=document.getElementsByTagName(“p”);

对于(var i=0;i你可以在你想要的任何文本上添加
class
。我在下面创建了一个简单的例子,我在点击时更改
p
标签的文本,并在第三个标签上显示不同的样式。同样,这只是一个简单的例子,诀窍是你可以随时更改
class

请参见下面的代码段:

var pTag=document.getElementById(“pTag”);
var currentIndex=0;
var pText=[“这是文本1”,“这是文本2”,“这是文本3”,“这是文本4”,“这是文本5”];
var pBold=[假,假,真,假,假];
pTag.addEventListener(“单击”,函数(){
currentIndex++;
如果(currentIndex>=pText.length)
currentIndex=0;
pTag.innerHTML=pText[currentIndex];
if(pBold[currentIndex])
pTag.classList.add(“红色粗体”);
其他的
pTag.classList.remove(“红色粗体”);
})
p{
光标:指针;
用户选择:无;
}
雷德博尔德先生{
颜色:红色;
字体大小:粗体;
}
跨度{
字体:斜体;
}
点击我


点击上面的p(“点击我!!!”),它将更改文本。当文本为“This is text 3”时,它应为红色和粗体。
您可以在文本更改中添加
,在您想要的任何文本上。我在下面创建了一个简单的示例,其中我在单击时更改
p
标签的文本,并在第三个标签上显示不同的样式。同样,这只是一个简单的示例例如,诀窍是您可以随时更改

请参见下面的代码段:

var pTag=document.getElementById(“pTag”);
var currentIndex=0;
var pText=[“这是文本1”,“这是文本2”,“这是文本3”,“这是文本4”,“这是文本5”];
var pBold=[假,假,真,假,假];
pTag.addEventListener(“单击”,函数(){
currentIndex++;
如果(currentIndex>=pText.length)
currentIndex=0;
pTag.innerHTML=pText[currentIndex];
if(pBold[currentIndex])
pTag.classList.add(“红色粗体”);
其他的
pTag.classList.remove(“红色粗体”);
})
p{
光标:指针;
用户选择:无;
}
雷德博尔德先生{
颜色:红色;
字体大小:粗体;
}
跨度{
字体:斜体;
}
点击我


单击上面的p(“单击我!!!”),它将更改文本。当文本为“这是文本3”时,它应为红色和粗体。
是,但没有更多信息,我只能说“是”,这是可能的。澄清,不是一个值,但您可以将样式代码放入侦听器/鼠标事件代码中。是的,但没有更多信息,我只能说“是”这是可能的。澄清,不是一个值,但您应该将样式代码放入侦听器/鼠标事件代码中。