javascript学习之路：《javascript DOM编程艺术》读后感

刚刚发了一篇 莫名其妙消失了  重发一遍

最近读了一本书《javascript DOM编程艺术》，作为初学者来说，这本书由浅入深，讲的明白易懂，是学习javascript起步的一本好书。

这本书从javascript历史讲起，讲javascript基本语法，讲DOM，全书贯穿一个案例--javascript美术馆，随着对案例的丰富，同时对内容的扩展，让我在实践中感受javascript DOM的魅力。

虽然这是2006年的作品，可能现在有更好更方便简单的技术实现它的案例，但是它的编程思想放在今天仍是我们需要学习的。

在本书的第五章 javascript编程原则和良好习惯中作者讲到
1.不要误解javascript    主要讲了由于各种原因javascript的口碑不好
2.预留退路     确保网页在没有javascript的情况下也能正常工作
3.向CSS学习     循序渐进 结构分离
4.分离javascript     把网页的结构与内容与javascript脚本的动作行为分开
5.向后兼容性       确保老版本的浏览器不会因为你的javascript脚本而死机

在学习过程整理了一些笔记，作为自己翻阅练习

getAttribute(attribute)获取属性
var para=document.getElementsByTagName("p");
para.getAttribute("id");    //获取P的id属性

setAttribute(attribute,value)设置属性
var para=document.getElementsByTagName("p");
para.setAttribute("id","p1");  //设置P的id为p1

nodetype属性总共有12种可取值，常见的有 元素节点，属性节点，文本节点，nodetype值分别为1，2，3

node.childNodes[0]等价与node.firstChild

node.nodeValue 改变某个文本节点的值

var para = document.createElement("p")    //创建元素p
var divtext = document.getElementById("div1")
var paratext = document.createTextNode("hello  word!")  //创建文本 hello world
para.appendChild(paratext)   //将文本内容写入p
divtext.appendChild(para)   //将p放入div里 实现嵌套

parentElement.insertBefore(newElement,targetElement)  //实现定向插入元素 把新的元素插入到想插入的元素之前
var ultext = document.getElementById("ul1")
divtext.insertBefore(ultext,para)    //在上例中，假设DIV中有p ul，实现把ul插入在p之前。