JS DOM编程艺术学习-2 操作符、函数、HTML DOM操作（获取元素 设置属性 事件 拓展属性node）

操作

基本操作符（运算符、逻辑符）：+ - * / == === != && ||

函数：

function name(arguement)
{
statements;
}

获取元素

getElementById
返回一个元素对象（整个元素）

getElementByTagName
getElementByClassName
返回一个元素对象数组

获取和设置属性

获取属性getAttribute
object.getAttribute(“id”)
设置属性setAttribute(“id”,”newid”)

事件

onclick = “fun()”
event = “some javascript code”
更多事件句柄需要在教程工具书的详细文档中查阅并记忆

拓展属性

chileNodes 返回全体子节点的对象数组
（会有非常多类型的节点，都会返回回来，lengh特别大）
nodeType 返回节点类型（值是数组而非字符串）

nodeValue 得到一个节点的值，注意这个节点不一定是文本节点，所以不能直接使用nodeValue得到文本文字。

<p>hello</p>
var a = getElementByTagName("p")

此时 a.nodeValue返回的不是文本hello
需要使用a.childNodes[0]来找到第一个子节点即文本节点
a.childNodes[0].nodeValue 得到 hello

firstChild 和 lastChild 属性
使用 firstChild 代替 childNodes[0]

深入理解节点的操作十分必要，关于节点的更多内容在下节更新