首页用JavaScript写一个用事件监听器实现更换文本颜色的网页

用JavaScript写一个用事件监听器实现更换文本颜色的网页

时间: 2023-12-13 19:05:17 浏览: 36

好的，以下是一个简单的示例代码，使用事件监听器实现更换文本颜色的网页： HTML: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>更换文本颜色</title> </head> <body> <p id="text">这是一个示例文本。</p> <button id="changeColorBtn">更换文本颜色</button> <script src="script.js"></script> </body> </html> ``` JavaScript: ```javascript const text = document.getElementById('text'); const changeColorBtn = document.getElementById('changeColorBtn'); changeColorBtn.addEventListener('click', () => { const randomColor = Math.floor(Math.random()*16777215).toString(16); text.style.color = '#' + randomColor; }); ``` 在这个示例中，我们首先获取了需要更改颜色的文本元素和一个按钮元素。然后，我们通过 `addEventListener` 方法给按钮元素添加了一个点击事件监听器。当点击按钮时，监听器会生成一个随机的颜色值，并将其设置为文本元素的颜色。