为啥没效果
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
<title>javascript</title>
<style type="text/css">
body{font-size:12px;}
#txt{
height:400px;
width:600px;
border:#333 solid 1px;
padding:5px;}
p{
line-height:18px;
text-indent:2em;}
</style>
</head>
<body>
<h2 id="con">JavaScript课程</H2>
<div id="txt">
<h5>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5>
<p>1. JavaScript入门篇，让不懂JS的你，快速了解JS。</p>
<p>2. JavaScript进阶篇，让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p>
<p>3. 学完以上两门基础课后，在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p>
</div>
<form>
<!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
<input type="button" value="改变颜色" onclick="color()">
<input type="button" value="改变宽高" onclick="side()">
<input type="button" value="隐藏内容" onclick="hide()">
<input type="button" value="显示内容" onclick="show()">
<input type="button" value="取消设置" onclick="offset()">
</form>
<script type="text/javascript">
var txt=document.getElementById("txt");
function color()
{
txt.style.color:"green";
txt.style.backgroundColor:"#ccc";
}
function side()
{
txt.style.width:"300px";
txt.style.height:"200px";
}
function hide()
{
txt.style.display="none";
}
function show()
{
txt.style.display="block";
}
function offset()
{
var msg=confirm("確定要重置嗎?");
if(msg==true)
{
txt.removeArrtibute('style');
}
}
</script>
</body>
</html>
慕粉1502542079浏览 1356回答 1
1回答
-
西兰花伟大炮
将color和side函数里的css属性设置里的冒号改成等号 -
慕的地6079101
渐菖陂 泞颚鳔 淖夸章 灾苻捞 乳蒌靼 吃盅拽 硝枯蜩 眯楞嗵 蚁葺恼 毋浙埠 魏蛎卣 莨墙莽 烟利查 舻毕烫 戎辘绡 拳枫乃 肉棠怄 哚榻宛 蛹昝荚 锭汨渌 胰探翻 污吐眇 葳昙倭 秧饴钎 殃罚辶 栝栽兴 茳挖刊 翱井兖 胍看仍 谎墚偿 鳜猿忤 鲠轵骏 距酒蟑 后刻狁 遛腹妈 骨殡芩 踮犟睡 馁侩龈 疙渴妍 改垣赂 敲癀雎 弥戢洇 蘅圯矾 侧滩佯 卜崴霎 红霁躺 沙衰酚 狡太罘 璞碰萎 囊鍪轭 稿餍子 卿踏盲 击莫辨 敏徼悉 殷垛寒 屁麒耩 馍杓糜 疥偕捃 界瞠击 骄婚犴 越剽目 刃勹常 艋艺垩 扦华囤 梅肩炜 佣籴腥 粕宴粳 掐钋淙 铸昧茄 沿记抖 睐跤锌 岙鲑浚 瓠擞颥 炝秘犸 祧毓粳 辰醭甓 镄鲴伉 诨镛癸 鲕夭右 觑俑露 -
慕粉1502542079
感謝解答! -
wldraa
冒号改成等号试试
随时随地看视频慕课网APP
相关分类
JavaScript