第三章 JavaScript操作和DOM对象

1.简述DOM的分类和节点之间的关系？

DOM分类：DOM Core(核心），HTML-DOM和CSS-DOM
节点之间的关系：最上面的节点为根节点，相邻的节点为兄弟节点，上一个节点为父节点，下一个节点为子节点。

2.简述如何按层次关系访问节点？

使用节点属性和element属性。
节点属性
1. parentNode:返回节点的父节点
2. childNodes:返回字节的点的集合，childNodes[i];
3. firstChild:返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点
4. lastChild:返回节点的最后一个子节点
5. nextSibling:下一个节点
6. previousSibling:上一个节点
element属性
1. firstElementChild:返回节点的第一个子节点
2. lastElementChild:返回节点的最后一个子节点
3. nextElementSibling:下一个节点
4. previousElementSibling:上一个节点

3.用什么方法获取节点的属性值

使用getAttribute(“属性名”);或者通过getElmentById和gerElementsByNane也可以获取；
设置属性值可以通过getAttribute(“属性名”,”属性值“）；

4.style属性和className在给便样式上有什么区别？

看语法：
style属性

HTML元素.style.样式属性=“值”
document.getElementById(“titles”).style.color = “#12321”;
设置 id=titles 的字体颜色为”#12321

className属性

HTML元素.className = “样式名称”
document.getElementById(“cart”).className =”cartOver”;
个人认为他们只是属性和类的区别，一个是设置样式属性值，一个是设置样式名称，都可以达到同样的效果吧。

如何改变浏览器地址栏中的网址？

location.href=’网址‘；（window.location.href=’网址或路径’）；

使用getElementBy~~()系列的方法可以获取带ID的页面元素？

使用getElementByID;

使用setTimeout和setInterval方法实现时钟的特效区别是啥？

首先，setTimeout()
方法用于在指定的毫秒数后调用函数或计算表达式，而setInterval()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。然后，setInterval()
方法会不停地调用函数，直到 clearInterval() <–清除函数–>被调用或窗口被关闭。由 setInterval() 返回的ID 值可用作 clearInterval()
方法的参数。setTimeout()只在指定时间之后执行一次，setInterval()则会在指定时间后反复执行。用他们两个方法来设置动态时钟，setInterval只需要设置一次，系统便会自动在你设置的时间之后执行；而setTimeout()需要手动（设置代码）不断地在1s后调用显示时间的函数，给用户感觉就是在自动执行。

创建和插入节点

创建节点

1.create Element(tagName):创建一个标签明为tagName的新节点
2.A.appendChild(B): 把B节点追加至A节点的末尾
3.insertBefore(A,B):把B节点插入到A节点之前
4.cloneNode(deep):复制某个指定的节点

操作节点的属性

获取属性值：getAttrubute(“属性名”)；
设置属性值： setAttribute(“属性名“，”属性值”)

*获取元素样式*

html元素.style.样式属性；
例如：alert（document.getElementById(“caartList’).display);

document.defaultView.getComputedStyle(元素，null).属性；
例如：var cartList = document.getElementById(“carList”);
alert（document.defaultView.getComputedStyle(cartList,null).display);