《javascript高级程序设计》学习笔记(八):一些DOM基础

 

DOM可以说是继HTML第一次现身网络后,web历史上最伟大的创新了。
 
1.
XML序言: <?xml version = "1.0"?>
紧跟在序言之后一般是PI --处理指令,目的是为了给处理页面的程序(例如XML解析器)提供额外的信息。其唯一的格式要求是紧随第一个问号必须至少
有一个字母。
最常见的PI是指定样式表:<?xml-stylesheet type="text/css" href="style.css"?>
 
 2.
 节点类型
 alert(document.nodeType)  //outputs "9"
 
 得到和改变某节点属性值
 obj.getAttribute(name);
 obj.setAttribute(attrName,newValue);
 
 获取document中的所有对象
 document.getElementsByTagName("*"); //mozilla
 document.all  //IE 6
 
 常用的创建节点的方法:浏览器都支持这几个常用的;
 createDocumentFragment() //添加一个文档碎片(或者叫做对象集)。(碎片中可含有多个对象)
 createElement()
 createTextNode()

代码:
  <head>
  <script type="text/javascript">
   function createHello(){
    var op = document.createElement("p");
    var optext = document.createTextNode("Hello world");
    op.appendChild(optext);
    document.body.appendChild(op);
   }
  </script>
  </head>
  <body onload="createHello()">
  </body>

善用以下方法
appendChild(),removeChild(),replaceChild(),insertBefore()


深度遍历的搜索器NodeIterate和TreeWalker (详见书本P159-P160)

 

posted @ 2008-05-08 20:25  MichaelChen  阅读(167)  评论(0编辑  收藏  举报