【第三章-DOM】javascript DOM 编程艺术-学习笔记

前言:

入职好几个月了,寻思着零零散散的学习,技术上也没什么实质性的进展,支离破碎的知识面让人痛心疾首,是时候组织一下,一本一本的学习了。

那么就从javascript开始。参考用书:javascript DOM编程艺术。


第三章:

DOM

D:document(文档)

O:Objective(对象)

M:Model(模型)


节点(Node)


DOM的原子是元素节点(element node)

如<body> <p> <ul>


文本节点(text node)

如<p>This is a text node</p> p标签中的内容就是文本节点。


属性节点(attribute node)

<p title="a gentle reminder">hello javascript</p>

 title="a gentle reminder"是一个属性节点,属性总是被放在起始标签里,所以属性节点总是被包含在元素节点中,另有css的class属性,id属性


获取元素

1.getElementById 返回一个有给定id属性的元素节点对应的对象

eg: document.getElementById("IdName");

2.getElementsByTagName 返回一个对象数组,每个对象分别对应着给定标签的一个元素

eg:  var temp = document.getElementsByTagName("li"); alert(temp.length);

3.getElementsByClassName 通过class属性中的类名来访问元素


获取和设置属性

获取属性;getAttribute

var a = document.getElementById("test");

var title = a.getAttribute("title");

设置属性:setAttribute

var a = document.getElementById("test");

a.setAttribute("title","我是修改属性后的title名称");


第三章总结:

介绍了DOM,及DOM提供的5个方法:

getElementById

getElementsByTagName

getElementsByClassName

getAttribute

setAttribute





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值