编程语言
首页 > 编程语言> > 编码练习:使用 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;
});

标签:编码,non,网页,sit,ut,JavaScript,divElement,const,amet
来源: https://blog.csdn.net/kllo__/article/details/122859391