一个关于getElementById javascript

来源:百度知道 编辑:UC知道 时间:2024/06/20 09:55:17
function bgcolor(){
document.getElementById("docid").style.backgroundColor="#000";
}
就是这个代码,现在实现的是点击 docid 改变背景颜色,现在我想让它点击改变背景颜色和文字颜色,请问这个怎么实现?
不要告诉我重新再写一个document.getEle...., 我想问个简单的方法。

背景颜色和文字颜色,不属于一类的

背景颜色是 background
而文字颜色是 color

没法放在一起写,如果你不想写太多的 document.getElementById("docid")

你可以

function bgcolor(){
with(document.getElementById("docid").style){
backgroundColor="#000";
color="#ff00cc";
//这里还可以操作其它样式属性
}
}

<div id="docid"
onclick="this.style.backgroundColor='#000';this.style.color='red'">文字</div>