Document对象的常用方法:
1
名称 | 说 明 |
---|---|
getElementById() | 返回对拥有指定id的第一个对象的引用【对象的id唯一】 |
getElementsByName() | 返回带有指定名称的对象的集合【相同name属性】 |
getElementsByTagName() | 返回带有指定标签名的对象的集合【相同的元素】 |
write() | 向文档写文本、HTML表达式或JavaScript代码 |
Date对象的方法:
方法 | 说 明 |
---|---|
getDate() | 返回 Date 对象的一个月中的每一天,其值介于1~31之间 |
getDay() | 返回 Date 对象的星期中的每一天,其值介于0~6之间 |
getHours() | 返回 Date 对象的小时数,其值介于0~23之间 |
getMinutes() | 返回 Date 对象的分钟数,其值介于0~59之间 |
getSeconds() | 返回 Date 对象的秒数,其值介于0~59之间 |
getMonth() | 返回 Date 对象的月份,其值介于0~11之间 |
getFullYear() | 返回 Date 对象的年份,其值为4位数 |
getTime() | 返回自某一时刻(1970年1月1日)以来的毫秒数 |
<!--
日期
-->
<script type="text/javascript">
function showDate(){
var date=new Date();
// var year=date.getFullYear();
// var month=date.getMonth()+1;
// var day=date.getDate();
// var hour=date.getHours();
// var minute=date.getMinutes();
// var second=date.getSeconds();
// var result=year+"年"+month+"月"+day+"日"+" "+hour+":"+minute+":"+second;
// document.getElementById("dv").innerHTML=result;
//document.getElementById("dv").innerHTML=date.toLocaleDateString();
setTimeout('showDate()',1000);
}
setTimeout( )是定时函数
节和节点的关系
节点属性
属性名称 | 描述 |
---|---|
parentNode | 返回节点的父节点 |
childNodes | 返回子节点集合,childNodes[i] |
firstChild | 返回节点的第一个子节点,最普遍的用法是访问该元素的文本节点 |
lastChild | 返回节点的最后一个子节点 |
nextSibling | 下一个节点 |
previousSibling | 上一个节点 |
节点信息
操作节点的属性
- getAttribute(“属性名”)
- setAttribute(“属性名”,“属性值”)
删除和替换节点 - removeChild( node)
- replaceChild( newNode, oldNode)属性attr
style属性
HTML元素.style.样式属性="值"
document.getElementById("dv").style.backgroundColor="blue";
className属性
HTML元素.className=“样式名称”
document.getElementById("dv").className="ch";
HTML中元素属性