Question

所以我有这个HTML元素，可以向其中添加/记录一些段落。

以下是HTML的示例：

<div id="team_log_actual" class="log">

  <p><b>[<span style="color: #0FF">Captain</span>] <span style="color: #0FF;">☘️Ｂ☘ＮＫ☘️</span>&lt;100001177&gt;</b> is using station: Helm (Starter).</p>
  <p><b> <span style="color: #FFF;">RegularHacker</span>&lt;1322&gt;</b> unloaded an RC turret.</p>
  <p><b> <span style="color: #FFF;">RegularHacker</span>&lt;1322&gt;</b> is using station: Fabricator (Munitions).</p>
  <p><b>[<span style="color: #0FF">Captain</span>] <span style="color: #0FF;">☘️Ｂ☘ＮＫ☘️</span>&lt;100001177&gt;</b> is using station: Helm (Starter).</p>
  <p><b> <span style="color: #FFF;">RegularHacker</span>&lt;1322&gt;</b> is using station: Fabricator (Munitions).</p>
  <p><b>[<span style="color: #0FF">Captain</span>] <span style="color: #0FF;">☘️Ｂ☘ＮＫ☘️</span>&lt;100001177&gt;</b> is using station: Fabricator (Munitions).</p>
</div>

在该HTML中，您可以在其中一段中看到“正在使用工作站：制造者（分裂）”。

因此，如果在该DIV中使用类"log"创建（记录）具有该文本的段落。更改该段落的样式。像这样：

原文：

<p><b>[<span style="color: #0FF">Captain</span>] <span style="color: #0FF;">☘️Ｂ☘ＮＫ☘️</span>&lt;100001177&gt;</b> is using station: Fabricator (Munitions).</p>

更改为：

<p><b>[<span style="color: #00FF00">Captain</span>] <span style="color: #0FF;">☘️Ｂ☘ＮＫ☘️</span>&lt;100001177&gt;</b> is using station: Fabricator (Munitions).</p>

更改第一个跨度的颜色...

我不知道该怎么做。可能使用innerHTML吗？

Answer 1

 Add an id to your html like:
 <p id="span"><b>[<span style="color: #0FF">Captain</span>] <span 
 style="color: #0FF;">☘️Ｂ☘ＮＫ☘️</span>&lt;100001177&gt;</b>

 and in you js file write:
 Let span=getElementById="span";
 Span.addEventListener("click",function(){
 Span.style.color="red or any wanted color"
 })

如何在类中更改元素的样式

1 个答案: