Java教程

编码练习:使用 JavaScript 改变网页的颜色

本文主要是介绍编码练习:使用 JavaScript 改变网页的颜色,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<html>
 <head>
 </head>
 <body>
<h1>Paragraph 1</h1>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dignissim fringilla dapibus. Curabitur placerat efficitur molestie. Quisque quis consequat nibh. Aenean feugiat, eros eget aliquam vulputate, leo augue luctus lectus, non lobortis libero quam non sem. Aliquam sit amet tincidunt ex, mollis interdum massa.</div>

<h1>Paragraph 2</h1>
<div>Vivamus at justo blandit, ornare leo id, vehicula urna. Fusce sed felis eget magna viverra feugiat eget nec orci. Duis non massa nibh. Aenean vehicula velit a magna lobortis tempor ut quis felis. Proin vitae dui a eros facilisis fringilla ut ut ante.</div>

<h1>Paragraph 3</h1>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sit amet pharetra massa. Nulla blandit erat nulla, et scelerisque libero varius ut. Praesent bibendum eu magna ullamcorper venenatis. Sed ut pellentesque leo. Sed ultrices sapien consequat odio posuere gravida.</div> </body>



</html>

js 代码:

const textColor = "White";
const backgroundColor = "black";

const divElements = Array.from(document.getElementsByTagName("div"));
divElements.forEach(divElement => {
  divElement.style.color = textColor;
  divElement.style.backgroundColor = backgroundColor;
});

这篇关于编码练习:使用 JavaScript 改变网页的颜色的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!