读书笔记--javascript DOM 编程艺术

  初学javascript，发现网上基本上都在推荐这本书作为入门读物，于是就买来看了看，把书过了一遍，也做了一些笔记，但还是不能够脱离书本灵活的去应用书中所提到的方法，只能说是处于“知道”的阶段，缺乏实际项目的操练，确实很难做到深入理解，不过既然看了，就做一些整理，也算是在看过书本后的一个复习。

DOM方法和属性  

  在第一版书的附录中有详细的给出核心的DOM方法和属性，这里简要的回顾一下书中涉及到的。

  DOM方法：

    createElement(),创建一个新的元素节点

      reference = document.createElement(element)

    createTextNode(),创建一个包含着给定文本的新文本节点

      reference = document.createTextNode(text)

    appendChild(),给元素节点追加一个子节点

      reference = element.appendChild(newChild)

    insertBefore(),把一个给定节点插入到一个给定元素节点的给定子节点的前面

      reference = element.insertBefore(newNode , targetNode)

    setAttribute(),为给定元素节点添加一个新的属性值或是改变它的现有属性值

      element.setAttribute(attributeName , attributeValue)

    getAttribute(),返回一个给定元素的一个给定属性节点的值

      attributeValue = element.getAttribute(attribute)

    getElementById(),寻找一个有着给定id属性值的元素

      element = document.getElementById(ID)

    getElementsByTagName(),寻找有着给定标签名的所有元素

      elements = document.getElementsByTagName(tagName)

  DOM属性：

    nodeName返回一个字符串，内容为给定节点的名字: name = node.nodeName

    nodeType返回一个整数，数值代表给定节点的类型: integer = node.nodeType

      1 元素节点

      2 属性节点

      3 文本节点

    nodeValue返回给定节点的当前值（字符串）: value = node.nodeValue

    childNodes返回一个数组，由给定元素节点的子节点构成: nodelist = node.childNodes

    firstChild(lastChild)返回一个给定元素节点的第一个（最后一个）子节点

      reference = node.firstChild (reference = node.lastChild)

    nextSibling返回给定节点的下一个子节点（同属一个父节点的子节点）

    parentNode返回给定节点的父节点: reference = node.parentNode

DOM工作模式

  先加载文档的静态内容，再以动态方式对它们进行刷新，动态刷新不影响文档的静态内容——对页面内容的刷新不需要最终用户在他们的浏览器里执行页面刷新操作就可以实现

养成良好的编程习惯

  1.在每行语句之后加;号，可让程序看起来更清晰

  2.表示字符串使用""或''，在编程过程中保持一致

  3.声明或填充数组时写出Array关键字

  4.局部变量要使用var声明，否则认为是全局变量