DOM

DOM

HTML文档结构，是制订的上述JavaScript操作

D：document
O：obejct（uesr-defined object, native object, host object）最基础的是window对象
M：Model/Map（事物的表现形式）DOM把文档表现为节点树

节点：元素节点，文本节点（总是被包含在元素节点内部），属性节点（总是被包含在元素节点中）

CSS层叠式样表

selector{
property:value;
}

继承：子节点继承父结点的样式

class使用举例

<p class="special">This paragraph has the special class</p>
<h2 class="special">So does this headline</p>

.special{
font-style: italic;
}

h2.special{
text-transform:uppercase;
}

id使用举例

<ul id="purchase">
    <li>……

#purchases{
……
}

//用id属性为包含在该特定元素里的其他元素定义样式
#purchase li{
……
}

获取元素：元素id，标签名字，类名字

1. document.getElementById(id)
2. document.getElementsByTagName("li")
   将返回一个对象数组
   可以用.length属性
   每个元素都是一个对象，可以用typeof x;来验证
   允许通配符 eg.document.getElementsByTagName("*")将返回所有的元素节点
3. document.getElementsByClassName("sale")
   document.getElementsByClassName("sale important")查找同时是sale和important两个class的element

盘点：
1.一份文档就是一个节点树
2.节点有:元素节点，属性节点和文本节点
3.getElement将返回一个对象
4.getEements将返回一个对象数组
5.每个节点都是一个对象

getAttribute通过访问元素节点调用
setAttribute(attribute, value)