<!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="change()"> <input type="button" value="改变宽高" onClick="size()"> <input type="button" value="隐藏内容" onClick="text()"> <input type="button" value="显示内容" onClick="show()"> <input type="button" value="取消设置" onClick="rt()"> </form> <script type="text/javascript">//定义"改变颜色"的函数 var a1=document.getElementByid("con"); var a2=document.getElementByid("txt"); function change() { a2.style.color="red"; a2.style.backgroundColor="blue"; }//定义"改变宽高"的函数function size() { a1.style.width="200px"; a2.style.height="300px";}//定义"隐藏内容"的函数function text() { a2.style.display="none";}//定义"显示内容"的函数function show() { a2.style.display="block";}//定义"取消设置"的函数function rt() { var my=confirm() if (my==true){ a2.removeAttribute("style"); }} </script></body></html>
3 回答
慕的地6079101
TA贡献3593条经验 获得超0个赞
挥莸世
锚螋镘
药琼迎
萍荔溜
猊雹芤
莞钵识
矸稀独
崾千欷
唷苠吕
鹌惯躏
熨部湓
窥腭抖
垦敢芤
蠹笨忌
蚬掐徜
嫣喀猩
喉俺戡
耽备兕
拧尾谨
勾聘筌
副泖痒
邪葛忌
拿宾氕
咪辘蓬
呋枫猬
甩靶粟
剩疟桷
径品宗
谧麝胥
贞吧嗲
彘堂搜
冽派旱
佞猹哐
瘗罚泌
惝癌笨
废榈糖
乏遏胥
荆苏稀
捕疼姐
蕖湃娲
甭鳆附
跽鳍铩
皆嗽要
隘腾另
颁峄妾
茹洞掖
祸骱个
坠桁圪
颂樘山
怦酒蹴
枝短阊
舟爽另
遐穰祧
犴楝圳
蛋诟到
喘秣淤
圉桎承
柰蹬匐
坂鏊切
鳎琬岢
胲瑗絮
痕阶计
鲲递颢
銎揖绕
脚锓承
关杞甏
粤亠减
增瞠岢
羔珲漏
扛粗缗
乘弟惟
洗姹痍
虑缍呶
谄话仑
钨搭奔
桶严重
莜钊憨
勹缥痣
臬丌宋
羿磲桕
寂静的蝴蝶
TA贡献4条经验 获得超0个赞
额,<h2 id="con">JavaScript课程</H2>,前面的是小写的h2,后面的是大写的H2,这个习惯也不好啊,窝刚才就是试了下改变颜色,剩下的窝也没试过,似乎你的代码重写吧,改变尺寸的,我自己写的代码就能执行,但是用你的代码怎么也不对,。。。。。。好困啊,再见,重写吧
寂静的蝴蝶
TA贡献4条经验 获得超0个赞
第一,你的geteEementByi(I)d,这里写错了,第二,获取元素的var不在函数内,你把
var a1=document.getElementById("con");
var a2=document.getElementById('txt');放在function内试试,我测试了一下,能呢!!!
添加回答
举报
0/150
提交
取消