HTML XML DOM学习笔记.docVIP

DOM学习笔记 ★查找并访问节点 你可通过若干种方法来查找您希望操作的元素： 通过使用 getElementById()getElementsByName()和 getElementsByTagName() 方法 通过使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性 这两种方法会忽略文档的结构。假如您希望查找文档中所有的 p 元素，getElementsByTagName(p) 会把它们全部找到，不管 p 元素处于文档中的哪个层次。同时，getElementById() 方法也会返回正确的元素，不论它被隐藏在文档结构中的什么位置。getElementById()来得到节点，而常使用getElementsByTagName()来获得。 ★节点之间的关系 除文档节点之外的每个节点都有父节点。举例，head 和 body 的父节点是 html 节点，文本节点 Hello world! 的父节点是 p 节点。 大部分元素节点都有子节点。比方说，head 节点有一个子节点：title 节点。title 节点也有一个子节点：文本节点 DOM Tutorial。 当节点分享同一个父节点时，它们就是同辈（同级节点）。比方说，h1 和 p是同辈，因为它们的父节点均是 body 节点。 节点也可以拥有后代，后代指某个节点的所有子节点，或者这些子节点的子节点，以此类推。比方说，所有的文本节点都是 html节点的后代，而第一个文本节点是 head 节点的后代。 节点也可以拥有先辈。先辈是某个节点的父节点，或者父节点的父节点，以此类推。比方说，所有的文本节点都可把 html 节点作为先辈节点。 Element 对象的属性Element 对象的方法Document 对象的方法Text 对象的方法 ★节点信息 每个节点都拥有包含着关于节点某些信息的属性。这些属性是： nodeName（节点名称） nodeValue（节点值） nodeType（节点类型） XMLHttpRequest 对象 尽管名为 XMLHttpRequest，它并不限于和 XML 文档一起使用：它可以接收任何形式的文本文档。 XMLHttpRequest 对象是名为 AJAX 的 Web 应用程序架构的一项关键功能。 属性 readyState 从0－4，当值为4时表示全部接收完毕 responseText 当 readyState 为 3，这个属性返回目前已经接* 收的响应部分。如果 readyState 为 4，这个属性保存了完整的响应体。 responseXML 对请求的响应，解析为 XML 并作为 Document 对象返回。 status 由服务器返回的 HTTP 状态代码， 200 表示成功，当 readyState 小于 3 的时候读取这一属性会导致一个异常。 statusText 请求的 HTTP 的状态代码的名称。当状态为 200 的时候它是 OK。当 readyState 小于 3 的时候读取这一属性会导致一个异常。 事件句柄 onreadystatechange 方法 abort()getAllResponseHeaders() 把 HTTP 响应头部作为未解析的字符串返回。如果 readyState 小于 3，这个方法返回 null。否则，它返回服务器发送的所有 HTTP 响应的头部。头部作为单个的字符串返回，一行一个头部。每行用换行符 \r\n 隔开。 getResponseHeader() 返回指定的 HTTP 响应头部的值。其参数是要返回的 HTTP 响应头部的名称。可以使用任何大小写来制定这个头部名字，和响应头部的比较是不区分大小写的。该方法的返回值是指定的 HTTP 响应头部的值，如果没有接收到这个头部或者 readyState 小于 3 则为空字符串。如果接收到多个有指定名称的头部，这个头部的值被连接起来并返回，使用逗号和空格分隔开各个头部的值。 open() 初始化 HTTP 请求参数，例如 URL 和 HTTP 方法，但是并不发送请求。 send() 发送 HTTP 请求，使用传递给 open() 方法的参数，以及传递给该方法的可选请求体。 setRequestHeader() 向一个打开但未发送的请求设置或添加一个 HTTP 请求。 ★通过利用 AJAX， JavaScript XMLHttpRequest 对象，直接与服务器来通信。 第一步：创建XMLHttpRequest对象 var XMLHttp_Object = new XMLHttpRequest(); 第二步：设置服务器地址 var para=name=+name; //