如何通过JavaScript设置网页标签的具体背景颜色？

本文共计270个文字，预计阅读时间需要2分钟。

JavaScript设置标签背景颜色的方法：

1.创建一个按钮元素。

2.给按钮绑定onclick事件。

3.创建一个函数funcbg()，通过id获取p对象。

4.在style属性中设置background属性值。

示例代码：

javascript// 1. 创建一个按钮元素var button=document.createElement('button');button.innerHTML='点击改变背景';

// 2. 给按钮绑定onclick事件button.onclick=function() { // 3. 创建一个函数funcbg() function funcbg() { // 通过id获取p对象 var p=document.getElementById('myPara'); // 4. 在style属性中设置background属性值 p.style.backgroundColor='yellow'; } funcbg();}

// 将按钮添加到页面中document.body.appendChild(button);

javascript设置标签的背景颜色的方法：1、创建一个button按钮，给按钮绑定onclick事件；2、创建funcbg()函数，通过id获取p对象；3、给style属性中的background属性赋值即可。

本文操作环境：windows10系统、javascript 1.8.5、thinkpad t480电脑。

新建text.html文件，在test.html文件内创建一个按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行funcbg()函数。

在js标签内，创建funcbg()函数，在函数内，使用getElementById（）方法通过id获得p对象，通过给style属性中的background属性赋值，实现改变p标签的背景颜色。

如下：

推荐学习：javascript视频教程