dom的运用

原创 2019-01-17 16:44:55 280
摘要:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><style type="text/css">#rad{width:100px;height:100px;background:re
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#rad{width:100px;height:100px;background:red;color:red; }
</style>
<script type="text/javascript">
function mybgc(t){
t.style.background = "red";
}
function offes(t){
t.style.background = "black";
t.style.borderRadius = '20px';
t.innerHTML = "sadasdsd";
}
var d = new Date();
var x = "";
switch (d.getDay()) {
case 0:
x="星期日";
break;
case 1:
x="星期一";
break;
case 2:
x="星期二";
break;
case 3:
x="星期三";
break;
case 4:
x="星期四";
break;
case 5:
x="星期五";
break;
case 6:
x="星期六";
break;
}
document.write('今天是:'+x+"<br />");
</script>
</head>
<body>
姓名:<input type="text" name="username" onfocus="mybgc(this)">
<div id="rad" onclick="offes(this)"></div>
<p></p>
</body>

</html>


批改老师:查无此人批改时间:2019-01-17 16:48:54
老师总结:完成的不错。js非常强大,学好了工作就不愁了。继续加油。

发布手记

热门词条