~_~想学习一点web前端的东西,就来看 javascript&DOM编程艺术 这本书了。
一、DOM的概念
DOM是指Document Object Model (文档对象模型),其中Javascript中的对象有三个:
用户自定义对象
内建对象
宿主对象
其中DOM中的Model其实就是一种表现形式,DOM把文档表示成一棵树。
<body>
<h1>What to buy</h1>
<p title="a gentle reminder">Don't forget to buy this stuff.</p>
<ul id="purchases">
<li>A tin of beans</li>
<li>Cheese</li>
<li>Milk</li>
</ul>
<script type="text/javascript" src="javascript/myscript.js"> </script>
</body>
这棵树上有很多的节点,主要为三种:
元素节点,像 <body>、<p>
文本节点,像 Don't forget to buy this stuff.
属性节点,像 title="a gentle reminder"
二 DOM中获取元素的方法
1 getElementById(id) //给定id属性值获取对象
2 getElementsByTagName(tagname) //给定标签值获取对象
3 getAttribute(attribute) //获取属性值
4 setAttribute(attribute,value) //设置属性值
5 childNodes //返回任一元素的所有子元素
6 nodeType //获取节点类型
7 nodeValue //获取节点值
之前就学习了这么多关于DOM的东西。:)