首页用JavaScript创建两个新元素节点p，并把相应文本赋给p显示在网页中。再创建两个按钮，第一个按钮的功能实现把背景变色，把文本变色。第二个按钮实现把第一串文本的内容改变

用JavaScript创建两个新元素节点p，并把相应文本赋给p显示在网页中。再创建两个按钮，第一个按钮的功能实现把背景变色，把文本变色。第二个按钮实现把第一串文本的内容改变

时间: 2024-03-03 10:50:28 浏览: 60

好的，以下是JavaScript的代码实现： ```html <!DOCTYPE html> <html> <head> <title>JavaScript DOM</title> </head> <body> <p id="text1"></p> <p id="text2"></p> <button onclick="changeColor()">Change Color</button> <button onclick="changeText()">Change Text</button> <script> // 创建新元素节点p并添加文本 var text1 = document.getElementById("text1"); var text2 = document.getElementById("text2"); text1.innerText = "Hello World!"; text2.innerText = "This is a paragraph."; // 实现第一个按钮的功能 function changeColor() { document.body.style.backgroundColor = "lightblue"; text1.style.color = "red"; text2.style.color = "green"; } // 实现第二个按钮的功能 function changeText() { text1.innerText = "New Text!"; } </script> </body> </html> ``` 这段代码会在网页中创建两个新的p元素节点，并将相应的文本赋给它们。另外还创建了两个按钮，第一个按钮会将背景变成浅蓝色，并将文本1和文本2的颜色分别变成红色和绿色。第二个按钮会将文本1的内容替换成"New Text!"。

阅读全文