dom中html自带属性和css属性以及日期对象

Original 2019-03-06 23:25:29 320
abstract:<!doctype html><html><head><meta charset="UTF-8"><title>日期对象</title></head><body><div id="box1" style="background: #ccc; wid

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>日期对象</title>

</head>

<body>

<div id="box1" style="background: #ccc; width: 100px;height: 100px;" onclick="box1click(this)"></div>

<br>

<script>

function box1click(x){

x=document.getElementById("box1");

//HTML的自带属性

x.innerHTML="HTML的自带属性,. 属性 即可";

//改变CSS属性时,需.style.属性

x.style.background="red";

x.style.borderRadius="20px";


}



//日期对象

var myday1=new Date()

//输出日期

document.write(myday1+"<br>");

//获取年 getFullYear()

document.write("现在时间是:"+myday1.getFullYear()+"年");

//获得月 getMonth()

document.write(myday1.getMonth()+1+"月");

//获得日 getdate()

document.write(myday1.getDate()+"日");

//获得时 getHours()

document.write(" "+myday1.getHours());

//获得分 getMinutes()

document.write(":"+myday1.getMinutes());

//获得秒 getSeconds()

document.write(":"+myday1.getSeconds());

var week=" "+myday1.getDay();

var week1=new Array()

week1[0]="星期日";

week1[1]="星期一";

week1[2]="星期二";

week1[3]="星期三";

week1[4]="星期四";

week1[5]="星期五";

week1[6]="星期六";

document.write(" "+week1[myday1.getDay()]);

</script>

 

</body>

</html>


Correcting teacher:灭绝师太Correction time:2019-03-07 09:14:48
Teacher's summary:总结的比较全面,作业最好带案例练习 哦!

Release Notes

Popular Entries