【阅读】《Head First JavaScript》第八章——驾驭网页（利用DOM）分割HTML

本文主要是介绍【阅读】《Head First JavaScript》第八章——驾驭网页（利用DOM）分割HTML，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

复习要点：

通过javascript访问HTML元素：使用id作为连接的桥梁，通过document对象的getElementById和getElementByTagName方法使用id为参数，即可获得页面中的HTML对象，注意getElementByTagName的返回值是一个数组
通过js对象中的innerHTML来修改数据这个方法不是万维网的标准，它是由Microsoft创建的，但是很多地方都有支持这个技术的，如果你不想通过innerHTML还可以使用DOM
网页就是DOM节点的集合，就下右图

注意有些元素例如图中的p，它的前面和后面并不是什么东西都没有的，是有一些空的字符串的
关于DOM的子节点：如果数据不是由纯文本构成，则或许分解成很多个子节点
innerHTML虽非万维网的标准，但这个特性能访问元素内存储的所有内容
Document Object Model（文档对象类型），简称DOM，提供访问和修改页面数据的标准化机制
DOM视页面为关键节点的层次数
使用DOM（而非innerHTML）改变网页的内容方案，需要移除元素下所有子节点，然后创建并附上包含新内容的的新子节点
DOM是一种符合万维网标准的HTML操纵方式，，他能比innerHTML特性达成更多操控的功能
通过createTextNode()创建的文本节点只能是单纯的文本节点，不会带有其他什么标签或附加格式
对于鼠标指针穿过所产生的强调效果，可以使用javascript也可以使用CSS，只是用CSS是比较好的方式，因为各类浏览器对于CSS的支持更广泛（相较于javascript）
借由改变节点的整份样式类（应该就是指class），className节点特性达成戏剧性的样式变化（我想应该是说用this.className=某个类这样的方式改变元素的显示效果吧）
借由访问节点的单一样式特性，style节点特性达成少量的样式变化（例如：在JS中写document.getElementById("decision1").style.visibility = "visible"）;就可以将这个元素设置成可见的
网页元素可利用元素对象的visibility样式特性做动态的显示和隐藏
利用document对象的createElement()方法，能够创建任何的HTML元素
若需新增元素的文本内容，必须创建一个内容的子元素，并附加至元素下
使用小心地新增与移除DOM树上的节点，网页可以随意拆解与重组