1.访问节点
document.getElementById(id);
返回对拥有指定id的第一个对象进行访问
document.getElementsByName(name);
返回带有指定名称的节点集合
注意:Elements
document.getElementsByTagName(tagname);
返回带有指定标签名的对象集合
注意:Elements
document.getElementsByClassName(classname);
返回带有指定class 名称的对象集合
注意:Elements
2.生成节点
document.createElement(eName);
创建一个节点
document.createAttribute(attrName);
对某个节点创建属性
document.createTextNode(text);
创建文本节点
3.添加节点
document.insertBefore(newNode,referenceChild);
在某个节点前插入节点
parentNode.appendChild(newNode);
给某个节点添加子节点
4.复制节点
cloneNode(true | false );
复制某个节点
参数:是否复制原节点的所有属性
5.删除节点
parentNode.removeChild(node)
删除某个节点的子节点
node是要删除的节点
注意:IE会忽略节点间生成的空白文本节点(例如,换行符号),而Mozilla不会这样做。在删除指定节点的时候不会出错,但是如果要删除最后一个子结点或者是第一个子结点的时候,就会出现问题。这时候,就需要用一个函数来判断首个子结点的节点类型。
元 素节点的节点类型是 1,因此如果首个子节点不是一个元素节点,它就会移至下一个节点,然后继续检查此节点是否为元素节点。整个过程会一直持续到首个元素 子节点被找到为止。通过这个方法,我们就可以在 Internet Explorer 和 Mozilla 得到正确的方法。
6.修改文本节点
appendData(data);
将data加到文本节点后面
deleteData(start,length);
将从start处删除length个字符
insertData(start,data)
在start处插入字符,start的开始值是0;
replaceData(start,length,data)
在start处用data替换length个字符
splitData(offset)
在offset处分割文本节点
substringData(start,length)
从start处提取length个字符
7.属性操作
getAttribute(name)
通过属性名称获取某个节点属性的值
setAttribute(name,value);
修改某个节点属性的值
removeAttribute(name)
删除某个属性
8.查找节点
parentObj.firstChild
如果节点为已知节点的第一个子节点就可以使用这个方法。此方法可以递归进行使用
parentObj.firstChild.firstChild.....
parentObj.lastChild
获得一个节点的最后一个节点,与firstChild一样也可以进行递归使用
parentObj.lastChild.lastChild.....
parentObj.childNodes
获得节点的所有子节点,然后通过循环和索引找到目标节点
9.获取相邻的节点
neborNode.previousSibling :获取已知节点的相邻的上一个节点
nerbourNode.nextSlbling: 获取已知节点的下一个节点
10.获取父节点
childNode.parentNode:得到已知节点的父节点
分享到:
相关推荐
### JavaScript的document方法汇总 在Web开发中,`document`对象是浏览器提供的核心对象之一,它代表当前加载的HTML文档,并提供了与文档交互的各种方法和属性。本文将详细介绍`document`对象的一些常用方法及其...
### JavaScript 常用经验总结 #### 一、概述 JavaScript 是一种广泛应用于网页开发的脚本语言,用于实现页面的动态效果和交互功能。掌握一些常用的JavaScript技巧和内置函数对于提升开发效率至关重要。 #### 二、...
### Query 常用方法总结 在Web开发中,尤其是使用JavaScript进行DOM操作时,jQuery提供了一套非常方便的方法来简化这些操作。本文将对给定的jQuery查询方法进行详细的解释,并结合实际应用场景来帮助理解。 #### ...
jQuery 中 AJAX 常用的方法总结 jQuery 是一个功能强大且流行的 JavaScript 库,它提供了许多有用的方法来处理 AJAX 请求。AJAX(Asynchronous JavaScript and XML)是一种创建交互式网页的技术,它允许网页从...
这篇经典JavaScript知识总结涵盖了从基础语法到高级特性的多个方面,旨在帮助有一定基础的开发者巩固和扩展他们的JavaScript知识。 1. **创建脚本块**:在HTML文件中,使用`<script>`标签来插入JavaScript代码。...
### Dojo常用方法总结 Dojo是一个开源的JavaScript框架,用于构建高性能的富客户端Web应用程序。它提供了一系列功能强大的工具和API,可以帮助开发者更轻松地处理DOM操作、AJAX调用、用户界面组件构建等任务。本文...
### JavaScript与jQuery常用知识点总结 #### 一、JavaScript操作DOM **1. 添加节点** 在JavaScript中,可以通过以下步骤向DOM树中添加新的节点: - 首先使用`document.createElement()`方法创建一个新的元素节点...
### JavaScript常用代码总结 在日常开发中,JavaScript作为前端开发的核心语言之一,有着广泛的应用场景。下面将根据提供的部分文件内容来归纳总结一些常见的JavaScript代码片段及其应用场景。 #### 1. 操作DOM...
JavaScript,简称JS,是一种广泛应用于Web开发的轻量级编程语言,主要负责处理网页的动态交互效果。在本文中,我们将深入探讨JavaScript中常见的两种效果——Tab键导航和放大镜效果,以及它们背后的实现原理。 首先...
### jQuery 常用方法总结 #### 一、页面元素的引用 在使用 jQuery 进行页面元素操作时,我们通常会使用 `$()` 函数来选取元素。这其中包括通过 `id`、`class`、元素名称以及元素之间的层级关系等方式进行选择。...
这些只是JavaScript中常用的一些知识点,实际的"常用js代码.txt"文件可能会包含更多的实用技巧、函数库的使用方法、性能优化策略等。通过深入理解和掌握这些知识点,可以提高编写高效、可维护的JavaScript代码的能力...
JavaScript常用方法总结 JavaScript是一种广泛应用于Web开发的脚本语言,提供了许多实用的方法来操作字符串、数组、日期等。下面将总结一些常用的JavaScript方法。 1. replace()方法 replace()方法用于字符串的...
本文将对原生 JavaScript 中常用的 DOM 节点相关 API 进行详细总结。 #### 二、节点属性与方法 ##### 1. Node 节点属性 - **Node.nodeName**: 返回节点名称,只读。 - **Node.nodeType**: 返回节点类型的常数值,...
在本文中,我们将深入探讨 jQuery 的一些常用方法,以帮助开发者更好地理解和应用这些功能。 1. **选择器**: - `$("标签名")`:通过标签名选择元素,如 `$("div")` 会选择所有 div 元素。 - `$("#ID")`:通过 ID...
下面是对 document 对象的一些常用属性和方法的总结。 属性 1. `document.title`: 设置文档标题,等价于 HTML 的 `<title>` 标签。 2. `document.bgColor`: 设置页面背景色。 3. `document.fgColor`: 设置前景色...
以下是对文档中提到的JavaScript常用方法的详细总结: 1. 写入HTML:`document.write()` 方法用于向文档写HTML输出。例如,`document.write("<h1>This is a heading</h1>")`可以写入一个一级标题。这种方法在现代的...
### js和jquery常用总结 #### 一、$(document).ready()与window.onload的区别及使用场景 **概述**:`$(document).ready()` 和 `window.onload` 是两种在网页加载完成时执行代码的方式,但它们之间存在重要的区别。...
JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的。 一、基础知识: 1.[removed](“”); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->...
### JavaScript常用语句精选 #### 一、概述 在网页开发中,JavaScript 是一种非常重要的客户端脚本语言,被广泛应用于交互式网站的设计与实现。本文档中的代码片段虽然较为特殊且不易理解,但其中涉及到了一些关键...