HTML的javascript做的改变方框颜色的代码,为什么最后一个选择按钮效果没出来?求大神看看
<html><head><title>Inlab0206</title><metahttp-equiv="Content-Type"content="text/html;...
<html>
<head>
<title>Inlab0206</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script>
function fun1(){
id=document.getElementById("div0");
id.innerHTML='<div style="background-color:red; height:100px; width:100px;"></div>;'
}
function fun2(){
id=document.getElementById("div0");
id.innerHTML='<div style="background-color:yellow; height:100px; width:100px;"></div>;'
}
function fun3(){
id=document.getElementById("div0");
id.innerHTML='<div style="background-color:blue; height:100px; width:100px;"></div>;'
}
function fun4(){
id=document.getElementById("div0");
id.innerHTML='<div style="background-color:black; height:100px; width:100px;"></div>;'
}
function fun5(){
id=document.getElementById("div0");
id.innerHTML='<div style="background-color:yellow; height:100px; width:100px;"></div>;'
}
function fun6(){
id=document.getElementById("div0");
id.innerHTML='<div style="background-color:blue; height:100px; width:100px;"></div>;'
}
function fun7(){
id=document.getElementById("div0");
id.innerHTML='<div" style="background-color:black; height:100px; width:100px;"></div>;'
}
</script>
</head>
<body>
<div id="div0" style="background-color:green; width:100px; height:100px;"></div>
<br><br>
<button onclick="fun1();">Cilck me to change color</button>
<br><br>
<input type="radio" name="color" value="color1" onclick="fun2();">yellow</radio>
<input type="radio" name="color" value="color2" onclick="fun3();">blue</radio>
<input type="radio" name="color" value="color3" onclick="fun4();">black</radio>
<br><br>
<select>
<option value="color1" onclick="fun5();">yellow</option>
<option value="color2" onclick="fun6();">blue</option>
<option value="color3" onclick="fun7();">black</option>
</select>
</body>
</html> 展开
<head>
<title>Inlab0206</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script>
function fun1(){
id=document.getElementById("div0");
id.innerHTML='<div style="background-color:red; height:100px; width:100px;"></div>;'
}
function fun2(){
id=document.getElementById("div0");
id.innerHTML='<div style="background-color:yellow; height:100px; width:100px;"></div>;'
}
function fun3(){
id=document.getElementById("div0");
id.innerHTML='<div style="background-color:blue; height:100px; width:100px;"></div>;'
}
function fun4(){
id=document.getElementById("div0");
id.innerHTML='<div style="background-color:black; height:100px; width:100px;"></div>;'
}
function fun5(){
id=document.getElementById("div0");
id.innerHTML='<div style="background-color:yellow; height:100px; width:100px;"></div>;'
}
function fun6(){
id=document.getElementById("div0");
id.innerHTML='<div style="background-color:blue; height:100px; width:100px;"></div>;'
}
function fun7(){
id=document.getElementById("div0");
id.innerHTML='<div" style="background-color:black; height:100px; width:100px;"></div>;'
}
</script>
</head>
<body>
<div id="div0" style="background-color:green; width:100px; height:100px;"></div>
<br><br>
<button onclick="fun1();">Cilck me to change color</button>
<br><br>
<input type="radio" name="color" value="color1" onclick="fun2();">yellow</radio>
<input type="radio" name="color" value="color2" onclick="fun3();">blue</radio>
<input type="radio" name="color" value="color3" onclick="fun4();">black</radio>
<br><br>
<select>
<option value="color1" onclick="fun5();">yellow</option>
<option value="color2" onclick="fun6();">blue</option>
<option value="color3" onclick="fun7();">black</option>
</select>
</body>
</html> 展开
2个回答
展开全部
<select>
<option value="color1" onclick="fun5();">yellow</option>
<option value="color2" onclick="fun6();">blue</option>
<option value="color3" onclick="fun7();">black</option>
</select>
这里面的不是用onclick
大致的格式神马的应该是这样的
<select onchange="function">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
</select>
select,触发js
好久没有碰这些玩意儿了,你可以再去查阅查阅
<option value="color1" onclick="fun5();">yellow</option>
<option value="color2" onclick="fun6();">blue</option>
<option value="color3" onclick="fun7();">black</option>
</select>
这里面的不是用onclick
大致的格式神马的应该是这样的
<select onchange="function">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
</select>
select,触发js
好久没有碰这些玩意儿了,你可以再去查阅查阅
追问
改了之后还是不行诶...
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
博思aippt
2024-07-20 广告
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
2014-02-09
展开全部
function fun7(){
id=document.getElementById("div0");
id.innerHTML='<div" style="background-color:black; height:100px; width:100px;"></div>;'
}
div后面多了个”
id=document.getElementById("div0");
id.innerHTML='<div" style="background-color:black; height:100px; width:100px;"></div>;'
}
div后面多了个”
追问
小语法错误.... 但还是不行...
追答
但是你的代码改了之后在我的浏览器是可行的。说明有兼容问题,你什么浏览器
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询