JS DOM方法
document方法:
getElementById(id) |
Node |
返回指定结点的引用 |
getElementsByTagName(name) |
NodeList |
返回文档中所有匹配的元素的集合 |
createElement(name) |
Node |
Node |
createTextNode(text) |
Node |
创建一个纯文本结点 |
ownerDocument |
Document |
指向这个节点所属的文档 |
documentElement |
Node |
返回html节点 |
document.body |
Node |
返回body节点 |
element方法:
getAttribute(attributeName) |
String |
返回指定属性的值 |
setAttribute(attributeName,value) |
String |
给属性赋值 |
removeAttribute(attributeName) |
String |
移除指定属性和它的值 |
getElementsByTagName(name) |
NodeList |
返回结点内所有匹配的元素的集合 |
node方法:
appendChild(child) |
Node |
给指定结点添加一个新的子结点 |
removeChild(child) |
Node |
移除指定结点的子结点 |
replaceChild(newChild,oldChild) |
Node |
替换指定结点的子结点 |
insertBefore(newChild,refChild) |
Node |
在同一层级的结点前面插入新结点 |
hasChildNodes() |
Boolean |
如果结点有子结点则返回true |
node属性:
nodeName |
String |
以字符串的格式存放结点的名称 |
nodeType |
String |
以整型数据格式存放结点的类型 |
nodeValue |
String |
以可用的格式存放结点的值 |
parentNode |
Node |
指向结点的父结点的引用 |
childNodes |
NodeList |
指向子结点的引用的集合 |
firstChild |
Node |
指向子结点结合中的第一个子结点的引用 |
lastChild |
Node |
指向子结点结合中的最后一个子结点的引用 |
previousSibling |
Node |
指向前一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null |
nextSibling |
Node |
指向后一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null |
|
相关推荐
javaScript DOM方法和属性摘要-Javascript教程-技术资讯-华夏名网资讯中心 虚拟主机,域名注册,双线虚拟主机,服务器租赁,为7万用户提供服务.mhtjavaScript DOM方法和属性摘要-Javascript教程-技术资讯-华夏名网资讯...
**jsdom**: JavaScript DOM jsdom是一个JavaScript实现的DOM(Document Object Model)库,它允许在Node.js环境中处理HTML和XML文档。这个库是为了解决JavaScript在浏览器之外运行时无法直接操作DOM的问题。jsdom将...
在这个过程中,我们将探讨几个关键的DOM接口和方法,以加深对JavaScript与HTML交互的理解。 1. **获取元素**:在DOM中,`document.getElementById()`是最常用的获取元素的方法,通过元素的ID属性来定位。除此之外,...
JavaScript DOM编程艺术是一本深入解析DOM操作的经典书籍,它的源码提供了丰富的实例,帮助开发者深入理解如何使用原生JavaScript高效地操纵网页元素。DOM(Document Object Model)是HTML和XML文档的标准表示,它将...
JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码...
javascript入门必备,本书讲述了JavaScript和DOM的基础知识,但重点放在DOM编程技术背后的思路和原则:预留退路、循序渐进和以用户为中心等,这些概念对于任何前端Web开发工作都非常重要。本书将这些概念贯穿在书中...
随着时间的发展,JavaScript已经成为了一门功能强大的编程语言,并且拥有庞大的生态系统,包括Node.js、React、Angular等流行框架和库。 ### 二、DOM概念详解 #### 2.1 DOM定义 DOM(Document Object Model,文档...
这本书为初学者提供了全面的指导,深入浅出地介绍了JavaScript与DOM结合的各种技巧和方法。 首先,书中的核心知识点围绕JavaScript语言基础展开,包括变量、数据类型、运算符、流程控制语句(如if...else、for、...
《JavaScript DOM编程艺术》是Jeremy Keith所著的一本关于JavaScript和DOM(文档对象模型)编程的经典图书,它不仅阐述了JavaScript和DOM的基本知识,还着重讲解了DOM编程技术背后的思路和原则。本书被赞誉为Web设计...
理解不同类型的节点及其属性和方法是进行DOM编程的基础。 5. DOM事件处理:JavaScript通过事件驱动进行交互。事件会在特定的动作(如点击、按键、加载等)发生时被触发,DOM提供了添加和移除事件监听器的接口。学习...
### JavaScript DOM编程艺术:核心DOM方法与属性详解 在深入探讨《JavaScript DOM编程艺术》一书的精华内容之前,我们首先要理解DOM(Document Object Model,文档对象模型)的基础概念。DOM是一种标准,用于表示和...
JavaScript DOM编程艺术(第2版)是一本深受开发者欢迎的书籍,主要涵盖了JavaScript语言在Web前端开发中的应用,特别是关于DOM(Document Object Model)的深入理解和实践。这本书的随书光盘包含了源代码和PDF电子版...
JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源...
`jsdom` 是一个JavaScript实现的DOM(文档对象模型)库,它允许在Node.js环境中运行浏览器的API。这个开源项目为开发者提供了在服务端操作和解析HTML与XML文档的能力,尤其在进行自动化测试、数据抓取或模拟浏览器...
**JSDOM:JavaScript 的 DOM 实现** JSDOM(JavaScript Document Object Model)是由 GitHub 用户 papandreou 创建的一个开源项目,它为 JavaScript 提供了一个完整的 DOM 和 HTML 标准实现。这个库使得在 Node.js ...
**JavaScript DOM编程艺术2源代码**是...通过阅读和实践提供的源代码,你可以深化对DOM的理解,提高JavaScript编程技能,并利用JSDOM在Node.js环境中实现更多可能性。记得在实践中不断探索,DOM的世界充满了无限可能。
在讲解的过程中,涉及到JavaScript操作DOM节点的一些基本技巧和方法,如使用`getElementsByClassName`和`getElementsByTagName`等。 知识点详细说明如下: 1. `getElementsByClassName` 方法: `...
JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 ...
总的来说,JavaScript DOM2是Web开发中的关键工具,它让JavaScript成为了一种强大的客户端脚本语言,为网页带来了丰富的动态性和交互性。通过学习和实践,开发者可以提高网页的用户体验,创建出更加智能和灵活的Web...
实现使用JavaScript DOM 操作实现网页局部刷新