BOM对象

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中元素属性

总结

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值