首页html如何用dom访问文档元素改变页面背景颜色

html如何用dom访问文档元素改变页面背景颜色

时间: 2024-01-11 11:05:22 浏览: 131

可以使用DOM（文档对象模型）来访问和操作HTML文档中的元素。下面是一个使用DOM改变页面背景颜色的示例代码： ```html <!DOCTYPE html> <html> <head> <title>Change Background Color using DOM</title> <script> function changeColor() { document.body.style.backgroundColor = "red"; } </script> </head> <body> <button onclick="changeColor()">Change Background Color</button> </body> </html> ``` 在上面的代码中，我们使用了一个按钮和一个JavaScript函数。当用户单击按钮时，该函数将被调用，该函数使用文档对象模型（DOM）来访问文档主体（body）并将其背景颜色更改为红色。请注意，我们使用document.body来访问文档主体，使用style.backgroundColor来更改背景颜色。

阅读全文