JavaScript中通过什么控制Button的大小及颜色？
3个回答
展开全部
其实很简单。就是对HTML里面BUTTON的属性的了解，还有利用JavaScript控制button属性以及赋值。
上面的朋友用document.all("button1")，我并不推荐。虽然这是可以面向IE4兼容，但是我更推荐使用标准的DOM取得button的对象。写了一个特简单的小例子，如下：
<html>
<head>
<title>test</title>
<script>
function $(id){
return document.getElementById(id) || document.all[id];
}
window.onload = function(){
var bChecked = false;
var oldBtStyle = $("buttonId").style;
$("buttonId").onclick = function(){
if(!bChecked){
this.style.color = "red";
this.style.fontSize = 24;
this.style.backgroundColor = "yellow";
this.style.height = 120;
this.style.width = 120;
bChecked = true;
}else{
this.style.color = "black";
this.style.fontSize = 12;
this.style.backgroundColor = "silver";
this.style.height = 30;
this.style.width = 80;
bChecked = false;
}
}
};
</script>
</head>
<body>
<input type="button" id="buttonId" value="check me" />
</body>
</html>
上面的朋友用document.all("button1")，我并不推荐。虽然这是可以面向IE4兼容，但是我更推荐使用标准的DOM取得button的对象。写了一个特简单的小例子，如下：
<html>
<head>
<title>test</title>
<script>
function $(id){
return document.getElementById(id) || document.all[id];
}
window.onload = function(){
var bChecked = false;
var oldBtStyle = $("buttonId").style;
$("buttonId").onclick = function(){
if(!bChecked){
this.style.color = "red";
this.style.fontSize = 24;
this.style.backgroundColor = "yellow";
this.style.height = 120;
this.style.width = 120;
bChecked = true;
}else{
this.style.color = "black";
this.style.fontSize = 12;
this.style.backgroundColor = "silver";
this.style.height = 30;
this.style.width = 80;
bChecked = false;
}
}
};
</script>
</head>
<body>
<input type="button" id="buttonId" value="check me" />
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
document.all("button1").style.backgroundColor="#000000"
document.all("button1").style.height = "";
document.all("button1").style.height = "";
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
按钮上面的字用：
document.all("button1").style.color="#f90";
document.all("button1").style.color="#f90";
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
