Javascript 单击图像时更改文本上的CSS

我有一个图像，作为一个按钮和文本在页面下方的行为。我如何使用javascript和css设置它，以便当您单击图像时，文本颜色会在下面发生变化

<input type="image" id="theButton" src="https://cdn0.vox-
cdn.com/uploads/chorus_asset/file/4039958/ama-orange.0.png" 
style="height:50px" />

 <p>
text 1
</p>

<p>
text2
</p>

---

这件我请客：es6新鲜

让theButton=document.getElementById为“theButton”； 让text=document.queryselectoral.the text'； theButton.onclick=函数{ 文本的forlet x{ x、 类列表。切换“彩色化”； } }; .文本{ 颜色：蓝色； } .text.colored{ 颜色：橙色； }

嘿，看着我在图像上改变颜色点击

嘿，还有更多的文本

您可以尝试以下方法：

使用addEventListener“click”将“click”事件附加到按钮。然后相应地设计样式

HTML

---

最简单的选择是使用jQuery toggleClass

jQuery

$("elementToBeClicked").on('click',function() { 
          $("elemenToBeAltered").toggleClass('classThatDefinesNewProperties');
        });

和css：

.classThatDefinesNewProperties {
  color:red; /* example change color to red*/
}

---

有关更多信息，请访问：

在提问时请始终包含代码。否则没有人回答你，你将被否决。问题是什么？请通读一遍对不起。我没说完，他无意中按下了评论按钮。一切就绪。再次单击它怎么样？你想改变背景颜色吗？那不行。您只更改了一个段落的颜色。我假设第二个是为了查看颜色更改之间的对比度。不能同时更改这两个选项，也不能切换。所以，不要对我的答案投反对票，因为你的浏览器没有运行javascript或其他东西，而你的答案却不如我哦，对不起，那么我有时在这里真是个鲁莽的怪物：是的，我很抱歉，你没有做错任何事，是我在做假设。我需要吃点避寒药，不要再像FaceBook一样了。很抱歉，你遇到了浏览器问题。试着复制代码，然后告诉我它不工作。我把它放在小提琴里，它工作得很好。这不是浏览器。我只是不喜欢这些片段。他们并不总是可靠的，完美的。这就是我要找的。非常感谢。

$("elementToBeClicked").on('click',function() { 
          $("elemenToBeAltered").toggleClass('classThatDefinesNewProperties');
        });

.classThatDefinesNewProperties {
  color:red; /* example change color to red*/
}