- document.getElementById():
- document.getElementsByTag():
- getElementsByName():
- node.firstChild,node.lastChild,获取节点的第一个节点和最后一个节点
- previousSibling，nextSibling：找邻近的节点
- parentNode：找父节点
- childNodes
- hasChildNodes():当childNodes包含一个或多个节点时，返回真
- node.appendChild(node)
- parentNode.removeChild();
- replaceChild:
- node.setAttribute()
- node.getAttribute()
- parentNode.insertBefore(newnode, refnode);
- document.createElement()
- document.createTextNode()
- cloneNode()
- node.innerHTML
-
属性：
1、document.bgColor 其实是对应标记<body>的bgcolor属性（已不再使用）。
2、document.cookie 设置或返回与当前文档有关的所有cookie。
3、document.domain 关于同源策略安全限制，返回当前文档的域名。
4、document.lastModified 一个字符串，包含文档的修改日期。
5、document.location 等价于URL已不再使用。
6、document.referrer 把浏览器带到当前页面的链接的URL。
7、document.title 返回当前文档的标题。
8、document.URL 返回当前文档的URL。
- document.createDocumentFragment():
- 数组形式的属性：
1、document.anchors[] 文档中锚的集合。
2、document.applets[] 文档中小应用程序的集合。
3、document.forms[] 文档中表单的集合。
4、document.images[] 文档中图片的集合。
5、document.links[] 文档中链接的集合 注意链接包括<a href="#">和<area> 。
-
Element对象属性：Node对象的attribute属性的方法。
getAttribute(name)方法用来获取字符串形式的属性名称设置相应属性的值
setAttribute(name,value)方法基于一个字符串形式的属性名称设置相应属性的值。
removeAttribute(name)方法基于一个字符串形式的属性名称删除相应的值。
getAttributeNode(name)方法获取指定的attr节点。
setAttributeNode(newAttr)方法基于新的Attr对象的实例设置属性。
removeAttributeNode(oldAttr)方法删除指定的属性节点，与使用removeChild()方法删除一个子节点方式相同。
- Document对象
-
Document对象中包含更多可以用来创建DOM核心中各种节点类型的新实例的方法。
CreateAttribute(name)方法创建节点类型为 Node.ATTRIBUTE_NODE节点。
createCDATASection(name)方法创建节点类型为 Node.CDATA_SECTION_NODE的CDATASection节点。
-
HTMLDocument对象Title:包含于<title>标签中的字符串。
Referrer：包含链接到当前页面的前一个页面的URL。
Domain：包含在当前站点域名。
URL：包含浏览器在查看当前页面时地址栏中的URL。
Body：引用从<body>节点开始的DOM树。
Images：一个包含当前文档中所有<img>标签的数组。
Applets：一个包含与当前文档中所有<applet>标签对应的DOM节点的数组。
Links：一个包含当前文档中所有<link>标签对应的DOM节点数组。
Forms：是一个包含与当前文档中所有<form>标签对应的DOM节点的数组。
Anchors：是一个包含当前文档中所有<a>标签对应的DOM节点的数组。
Cookie：是一个包含当前页面中所有cookie信息的字符串。方法：
· open（）打开一个文档以便接收write()或writelen()方法的输出。
Close（）关闭当前的文档。
Write（data）输入写入到文档中。
Writeln（data）输入写入到文档中同时写入一个换行符。
-
THMLElement对象 属性：
Id：包含可以供document.getElmentById()使用的id属性。
Title：用于进一步对元素进行语义化描述和悬停的工具条。
Dir：表示节点中文本的方向。
className：包含用作css连接点的class属性。
相关推荐
本文档旨在总结JavaScript中DOM（Document Object Model）节点API的基本用法及其在实际开发中的应用。通过深入理解这些API，开发者能够更加灵活地操控网页文档结构，实现动态内容更新、用户交互等功能。 #### 文档...
4. DOM节点类型：DOM树由各种节点组成，包括元素节点（Element）、文本节点（Text）、属性节点（Attribute）等。理解不同类型的节点及其属性和方法是进行DOM编程的基础。 5. DOM事件处理：JavaScript通过事件驱动...
本文将对原生 JavaScript 中常用的 DOM 节点相关 API 进行详细总结。 #### 二、节点属性与方法 ##### 1. Node 节点属性 - **Node.nodeName**: 返回节点名称，只读。 - **Node.nodeType**: 返回节点类型的常数值，...
通过DOM API，我们可以找到特定的节点，创建、修改或删除它们。理解DOM的层次结构以及如何遍历和操作这个结构是JavaScript DOM编程的关键。 此外，书中还涵盖了事件处理，这是JavaScript与用户交互的重要方式。通过...
在书中，作者会详细介绍如何利用JavaScript与DOM进行交互，这包括选取元素（如通过选择器API或XPath），修改元素属性，以及处理事件。还会探讨如何使用CSS样式和JavaScript结合来实现动态布局和视觉效果。此外，书中...
"domtoimage使用HTML5canvas从DOM节点生成图像" 这个标题提到了一个名为 "domtoimage" 的工具，它利用HTML5的Canvas API将DOM（文档对象模型）中的节点转换为图像。这个过程通常用于网页截图或者在网页中保存和分享...
JavaScript DOM2是Web开发中的重要概念，它代表了Document Object Model的第二级规范，这是一个用于HTML和XML文档的标准API。这个标准由W3C（万维网联盟）制定，允许开发者通过JavaScript或者其他兼容的语言来操纵...
4. **DOM节点**：包括元素节点、文本节点、属性节点等，每个节点都有自己的属性和方法，如`nodeValue`用于获取或设置文本节点的值，`parentNode`指向父节点，`childNodes`则返回子节点的集合。 5. **选择元素**：`...
DOM是Web页面的结构模型，JavaScript通过DOM API能够对网页内容进行动态操作，实现丰富的交互效果。这本书主要涵盖了以下几个核心知识点： 1. **DOM基础**：DOM是HTML和XML文档的树形表示，它将文档结构化为节点，...
理解DOM节点、属性、事件和选择器是创建动态网页的关键，这使得开发者能够动态加载内容、更新UI、实现表单验证等功能。 书中还深入讨论了CSS选择器的使用，这是JavaScript与样式关联时的重要工具。通过掌握CSS选择...
在本章“第06章 DOM节点操作（上）”中，我们将深入探讨Document Object Model（DOM）在JavaScript中的应用，以及如何通过DOM接口来操纵HTML或XML文档的结构、内容和样式。DOM是一种标准，它允许编程语言与网页内容...
理解DOM树的结构以及如何通过JavaScript访问和操作节点至关重要。 3. **事件处理**：JavaScript可以响应用户的交互，如点击、鼠标移动等。了解如何绑定和处理事件是DOM编程中的关键技能。 4. **CSS操作**：通过DOM...
这个.chm文件"jsdom.chm"应该包含了JavaScript DOM API的详细解释和示例，涵盖了以上所有知识点，是学习和查找DOM API的实用工具。通过深入学习和实践，开发者可以熟练掌握DOM操作，提升网页动态化和交互性设计的...
- **跨浏览器兼容性**：讨论不同浏览器对DOM API的支持差异，并提供解决方案来确保代码在各种环境下都能正常运行。 4. **最佳实践与模式** - **模块化设计**：推荐使用模块化的编程方式来组织代码，提高可维护性...
在JavaScript中，可以使用DOM API轻松创建新的节点，并将其添加到现有的DOM树中。例如，创建一个新的`<div>`元素并将其添加到页面上： ```javascript var newDiv = document.createElement("div"); newDiv.innerHTML...
5. **遍历和查找节点**：掌握不同类型的DOM遍历方法，如父母、子元素、兄弟节点的查找。 6. **Ajax异步通信**：学习如何使用XMLHttpRequest或fetch API进行后台数据交换，实现无刷新页面更新。 7. **DOM性能优化**：...
通过JavaScript，我们可以利用DOM API来查找、创建、修改和删除这些节点。 在JavaScript中，访问DOM元素有多种方法。例如，`getElementById`用于获取具有特定ID的元素，`getElementsByClassName`和`...
DOM是一个树形结构，将网页内容分解为独立的对象，这些对象可以被JavaScript或者其他脚本语言访问和操作。在JavaScript中，DOM主要用于创建、修改和操纵网页元素，从而实现动态网页效果。 在学习JavaScript DOM时，...
2. **访问DOM节点** - **getElementById**：通过ID获取元素，如`document.getElementById('myId')`。 - **getElementsByClassName**：通过类名获取元素集合，如`document.getElementsByClassName('myClass')`。 -...