`
pany
  • 浏览: 90534 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JS document常用方法总结

阅读更多
    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方法汇总

    ### JavaScript的document方法汇总 在Web开发中,`document`对象是浏览器提供的核心对象之一,它代表当前加载的HTML文档,并提供了与文档交互的各种方法和属性。本文将详细介绍`document`对象的一些常用方法及其...

    js常用经验总结

    ### JavaScript 常用经验总结 #### 一、概述 JavaScript 是一种广泛应用于网页开发的脚本语言,用于实现页面的动态效果和交互功能。掌握一些常用的JavaScript技巧和内置函数对于提升开发效率至关重要。 #### 二、...

    query常用方法总结

    ### Query 常用方法总结 在Web开发中,尤其是使用JavaScript进行DOM操作时,jQuery提供了一套非常方便的方法来简化这些操作。本文将对给定的jQuery查询方法进行详细的解释,并结合实际应用场景来帮助理解。 #### ...

    jquery中ajax常用的方法,jQuery ajax框架常用方法总结.docx

    jQuery 中 AJAX 常用的方法总结 jQuery 是一个功能强大且流行的 JavaScript 库,它提供了许多有用的方法来处理 AJAX 请求。AJAX(Asynchronous JavaScript and XML)是一种创建交互式网页的技术,它允许网页从...

    js常用知识总结经典javascript知识总结,经典javascript知识总结

    这篇经典JavaScript知识总结涵盖了从基础语法到高级特性的多个方面,旨在帮助有一定基础的开发者巩固和扩展他们的JavaScript知识。 1. **创建脚本块**:在HTML文件中,使用`<script>`标签来插入JavaScript代码。...

    dojo常用方法总结

    ### Dojo常用方法总结 Dojo是一个开源的JavaScript框架,用于构建高性能的富客户端Web应用程序。它提供了一系列功能强大的工具和API,可以帮助开发者更轻松地处理DOM操作、AJAX调用、用户界面组件构建等任务。本文...

    js与jQuery的常用总结

    ### JavaScript与jQuery常用知识点总结 #### 一、JavaScript操作DOM **1. 添加节点** 在JavaScript中,可以通过以下步骤向DOM树中添加新的节点: - 首先使用`document.createElement()`方法创建一个新的元素节点...

    Javascript 常用代码总结

    ### JavaScript常用代码总结 在日常开发中,JavaScript作为前端开发的核心语言之一,有着广泛的应用场景。下面将根据提供的部分文件内容来归纳总结一些常见的JavaScript代码片段及其应用场景。 #### 1. 操作DOM...

    js常用效果总结

    JavaScript,简称JS,是一种广泛应用于Web开发的轻量级编程语言,主要负责处理网页的动态交互效果。在本文中,我们将深入探讨JavaScript中常见的两种效果——Tab键导航和放大镜效果,以及它们背后的实现原理。 首先...

    jquery常用方法总结

    ### jQuery 常用方法总结 #### 一、页面元素的引用 在使用 jQuery 进行页面元素操作时,我们通常会使用 `$()` 函数来选取元素。这其中包括通过 `id`、`class`、元素名称以及元素之间的层级关系等方式进行选择。...

    JavaScript常用代码总结大全

    这些只是JavaScript中常用的一些知识点,实际的"常用js代码.txt"文件可能会包含更多的实用技巧、函数库的使用方法、性能优化策略等。通过深入理解和掌握这些知识点,可以提高编写高效、可维护的JavaScript代码的能力...

    javascript 常用方法总结

    JavaScript常用方法总结 JavaScript是一种广泛应用于Web开发的脚本语言,提供了许多实用的方法来操作字符串、数组、日期等。下面将总结一些常用的JavaScript方法。 1. replace()方法 replace()方法用于字符串的...

    javascript 常用DomAPI总结

    本文将对原生 JavaScript 中常用的 DOM 节点相关 API 进行详细总结。 #### 二、节点属性与方法 ##### 1. Node 节点属性 - **Node.nodeName**: 返回节点名称,只读。 - **Node.nodeType**: 返回节点类型的常数值,...

    Jquery常用方法总结

    在本文中,我们将深入探讨 jQuery 的一些常用方法,以帮助开发者更好地理解和应用这些功能。 1. **选择器**: - `$("标签名")`:通过标签名选择元素,如 `$("div")` 会选择所有 div 元素。 - `$("#ID")`:通过 ID...

    JavaScript中document用法小结

    下面是对 document 对象的一些常用属性和方法的总结。 属性 1. `document.title`: 设置文档标题,等价于 HTML 的 `<title>` 标签。 2. `document.bgColor`: 设置页面背景色。 3. `document.fgColor`: 设置前景色...

    javascript常用方法总结

    以下是对文档中提到的JavaScript常用方法的详细总结: 1. 写入HTML:`document.write()` 方法用于向文档写HTML输出。例如,`document.write("<h1>This is a heading</h1>")`可以写入一个一级标题。这种方法在现代的...

    js和jquery常用总结

    ### js和jquery常用总结 #### 一、$(document).ready()与window.onload的区别及使用场景 **概述**:`$(document).ready()` 和 `window.onload` 是两种在网页加载完成时执行代码的方式,但它们之间存在重要的区别。...

    JavaScript基础知识及常用方法总结

    JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的。 一、基础知识: 1.[removed](“”); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->...

    JavaScript常用语句精选

    ### JavaScript常用语句精选 #### 一、概述 在网页开发中,JavaScript 是一种非常重要的客户端脚本语言,被广泛应用于交互式网站的设计与实现。本文档中的代码片段虽然较为特殊且不易理解,但其中涉及到了一些关键...

Global site tag (gtag.js) - Google Analytics