刚刚发了一篇 莫名其妙消失了 重发一遍
最近读了一本书《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之前。