如何通过单击按钮更改文本颜色?

滋扰

我有如下文本:

<p><strong><em> QUESTION: WHAT IS YOUR NAME?</em></strong></p>
<button>COLORCHANGER<button>

单击按钮时,我想更改文本颜色。

扎卡里亚·阿查尔基(Zakaria Acharki)

使用将click事件附加到按钮,addEventListener('click')然后使用更改文本的颜色.style.color = 'color',请检查以下示例。

注意:最好给您的元素一个标识符。

希望这可以帮助。

document.querySelector('button').addEventListener('click', function(){
    document.querySelector('p').style.color='green';
})
<p><strong><em> QUESTION: WHAT IS YOUR NAME?</em></strong></p>
<button>COLORCHANGER</button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何通过单击按钮更改文本颜色?

来自分类Dev

如何通过单击javascript中的按钮来更改背景颜色和文本颜色?

来自分类Dev

如何通过单选按钮更改文本的颜色?

来自分类Dev

Android如何通过文本更改按钮颜色

来自分类Dev

通过单击带有 javascript 的按钮来更改文本颜色

来自分类Dev

使用jquery单击按钮时如何更改文本颜色?

来自分类Dev

如何通过单击按钮更改SVG元素的颜色?

来自分类Dev

如何通过单击按钮更改项目的颜色?

来自分类Dev

如何通过单击连续更改跨度的颜色和文本?

来自分类Dev

如何通过单击连续更改跨度的颜色和文本?

来自分类Dev

单击按钮时如何更改按钮颜色

来自分类Dev

通过单击按钮更改元素(a)的文本

来自分类Dev

单击时将文本的颜色更改为随机颜色(按钮)

来自分类Dev

单击后如何更改颜色按钮

来自分类Dev

单击按钮时如何更改背景颜色

来自分类Dev

单击按钮时如何更改“颜色”名称?

来自分类Dev

单击时如何更改按钮颜色?

来自分类Dev

如何通过单击更改轮廓颜色

来自分类Dev

仅通过XML(没有其他可绘制对象)单击时如何更改按钮的颜色?

来自分类Dev

如何更改平面按钮的文本颜色?

来自分类Dev

如何更改 AlertDialog 中的按钮文本颜色

来自分类Dev

如何更改按钮背景和文本颜色?

来自分类Dev

如何通过 NativeScript 更改按钮的 CSS 颜色?

来自分类Dev

单击“颜色”按钮时如何更改矩形的颜色

来自分类Dev

通过单击单选按钮更改CSS中的多个div颜色

来自分类Dev

如何通过单击更改按钮类?

来自分类Dev

WPF - 如何通过更改按钮的资源来更改按钮颜色

来自分类Dev

用户单击并释放按钮时如何更改android按钮的颜色

来自分类Dev

如何在单击按钮时更改按钮的背景颜色

Related 相关文章

  1. 1

    如何通过单击按钮更改文本颜色?

  2. 2

    如何通过单击javascript中的按钮来更改背景颜色和文本颜色?

  3. 3

    如何通过单选按钮更改文本的颜色?

  4. 4

    Android如何通过文本更改按钮颜色

  5. 5

    通过单击带有 javascript 的按钮来更改文本颜色

  6. 6

    使用jquery单击按钮时如何更改文本颜色?

  7. 7

    如何通过单击按钮更改SVG元素的颜色?

  8. 8

    如何通过单击按钮更改项目的颜色?

  9. 9

    如何通过单击连续更改跨度的颜色和文本?

  10. 10

    如何通过单击连续更改跨度的颜色和文本?

  11. 11

    单击按钮时如何更改按钮颜色

  12. 12

    通过单击按钮更改元素(a)的文本

  13. 13

    单击时将文本的颜色更改为随机颜色(按钮)

  14. 14

    单击后如何更改颜色按钮

  15. 15

    单击按钮时如何更改背景颜色

  16. 16

    单击按钮时如何更改“颜色”名称?

  17. 17

    单击时如何更改按钮颜色?

  18. 18

    如何通过单击更改轮廓颜色

  19. 19

    仅通过XML(没有其他可绘制对象)单击时如何更改按钮的颜色?

  20. 20

    如何更改平面按钮的文本颜色?

  21. 21

    如何更改 AlertDialog 中的按钮文本颜色

  22. 22

    如何更改按钮背景和文本颜色?

  23. 23

    如何通过 NativeScript 更改按钮的 CSS 颜色?

  24. 24

    单击“颜色”按钮时如何更改矩形的颜色

  25. 25

    通过单击单选按钮更改CSS中的多个div颜色

  26. 26

    如何通过单击更改按钮类?

  27. 27

    WPF - 如何通过更改按钮的资源来更改按钮颜色

  28. 28

    用户单击并释放按钮时如何更改android按钮的颜色

  29. 29

    如何在单击按钮时更改按钮的背景颜色

热门标签

归档