一般来说，通过.style.backgroundColor属性，可以设置网页中的某个对象的背景颜色，请看下面的两行代码。
①设置对象背景颜色为无色
document.getElementById('MyDiv').style.backgroundColor=""
看到了吗，直接设置为空就行了。
②设置对象背景颜色为某种颜色
document.getElementById('MyDiv').style.backgroundColor="#008400"
看清楚了没有，填上颜色代码即可。
③使用Jquery设置对象背景颜色
$('MyDiv').css("background","black")
知识拓展：获取对象背景颜色
function toHex(N) {
if (N==null) return "00"
N=parseInt(N)if (N==0 || isNaN(N)) return "00"
N=Math.max(0,N)N=Math.min(N,255)N=Math.round(N)
return "0123456789ABCDEF".charAt((N-N%16)/16) + "0123456789ABCDEF".charAt(N%16)
}
function RGBtoHEX(str)
{
if (str.substring(0, 3) == 'rgb') {
var arr = str.split(",")
var r = arr[0].replace('rgb(','').trim(), g = arr[1].trim(), b = arr[2].replace(')','').trim()
var hex = [
toHex(r),
toHex(g),
toHex(b)
]
return "#" + hex.join('')
}
else{
return str
}
}
// 大写#FF0000
alert(RGBtoHEX($("#MyDiv").css("backgroundColor")) == "#FF0000")
javascript设置标签的背景颜色的方法：1、创建一个button按钮，给按钮绑定onclick事件；2、创建funcbg()函数，通过id获取p对象；3、给style属性中的background属性赋值即可。
在js标签内，创建funcbg()函数，在函数内，使用getElementById（）方法通过id获得p对象，通过给style属性中的background属性赋值，实现改变p标签的背景颜色。
当我们在写jsp页面时，往往会遇到这种情况：从后台获取的数据个数不确定，此时在前端写jsp页面时也就不确定怎么设计了。这个时候就需要通过js动态创建标签：1.创建某个标签：如下在body中创建一个div的事例；
<script>
function
fun(){
var
frameDiv
=
document.createElement("div")//创建一个标签
var
bodyFa
=
document.getElementById("bodyid")//通过id号获取frameDiv
的父类（也就是上一级的节点）
bodyFa
.appendChild(frameDiv)//把创建的节点frameDiv
添加到父类body
中；
}
<script>
<body
id="bodyid"
>
<!--在此添加div标签-->
</body>
2.添加属性：给创建的标签添加相应的属性：
frameDiv
.setAttribute("id",
"divid")//给创建的div设置id值；
frameDiv
.className="divclass"
//给创建的div设置class；
//给某个标签添加显示的值；
var
h
=
document.createElement("h1")
h.innerHTML
=
data[i].name
var
p
=
document.createElement("p")
p.innerHTML
=
"要显示的值"
3.创建的标签添加事件：
a.不带参数：
frameDiv.onmousedown
=
fun//ps：函数名fun后面一定不能带括号，否则会在创建标签的时候执行函数，
而不是鼠标按下时执行；
b.有参数：
frameDiv.onmousedown
=
function(){
fun(this)
}
c.要调用的函数；
function
fun(){
alert("鼠标按下")
}
4.如果担心创建的标签没有被覆盖则可以替换：
var
divFlag
=
document.getElementById("divFlag")
var
divMain
=
document.createElement("div")
if(divFlag
!=
null){
body.replaceChild(divMain,
divFlag)//把原来的替换掉
}
divMain.setAttribute("id",
"divFlag")
以上这篇通过js动态创建标签,并设置属性方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:JS实现给对象动态添加属性的方法JS中动态创建元素的三种方法总结(推荐)js动态创建标签示例代码使用变量动态设置js的属性名
