`
lym6520
  • 浏览: 704293 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

DOM操作整理

    博客分类:
  • JS
阅读更多

用于处理XML文档的DOM元素属性

属性名

描述

childNodes

返回当前元素所有子元素的数组

firstChild

返回当前元素的第一个下级子元素

lastChild

返回当前元素的最后一个子元素

nextSibling

返回紧跟在当前元素后面的元素

noedValue

指定表示元素值的读/写属性

parentNode

返回元素的父节点

previousSibling

返回紧邻当前元素之前的元素

 

 

用于遍历XML文档的DOM元素方法

属性名

描述

getElementById(id)   (document)

获取有指定唯一ID属性值文档中的元素

getElementsByTagName(name)

返回当前元素中指定标记名的子元素的数组

hasChildNodes()

返回一个布尔值,指示元素是否有子元素

getAttribute(name)

返回元素的属性值,属性由name指定

动态创建内容时所用的W3C DOM属性和方法

 

属性/方法

描述

document.createElement(tagName)

文档对象上的createElement方法可以创建由tagName指定的元素,如果以串div作为方法参数,就会生成一个div元素

document.createTextNode(text)

文档对象的createTextNode方法会创建一个包含静态文本的节点

<element>.appendChild(childNode)

appendChild方法将指定的节点增加到当前元素的子节点列表(作为一个新的子节点)。例如,可以增加一个option元素,作为select元素的子节点

<element>.getAttriture(name)

这些方法分别获得和设置元素中name属性的值

<element>..setAttritube(name,value)

<element>.insertBefore(newNode,targetNode)

这个方法将节点newNode作为当前元素的子节点插到targetNode元素前面

<element>.removeAttribute(name)

这个方法从元素中删除属性name

<element>.removeChild(childNode)

这个方法从元素中删除子元素childNode

<element>.replaceChild(newNode,oldNode)

这个方法将节点oldNode替换为节点newNode

<element>.hasChildnodes()

这个方法返回一个布尔值,指定元素是否有子元素

 

 
21
0
分享到:
评论
8 楼 liyan2008_2009 2009-02-17  
很好,学习了
7 楼 javacool_zhou 2009-01-18  
复习了。。。 
6 楼 lym6520 2009-01-17  
推荐给大家
atpyk 写道

有个网站是专门讲dom的 推荐给大家 http://www.w3school.com.cn/

好网站啊!
5 楼 atpyk 2009-01-17  
有个网站是专门讲dom的 推荐给大家
http://www.w3school.com.cn/
4 楼 kejun 2009-01-16  
不错...
3 楼 jaysliu 2009-01-16  
     :?:
2 楼 hudong0178 2009-01-16  
复习了。
1 楼 whaosoft 2009-01-15  
     

相关推荐

    javascript 操作xml_dom对象整理集合

    JavaScript操作XML DOM对象是Web开发中的重要技能,尤其在处理数据交换、页面动态更新和跨平台通信时。本文将深入探讨这一主题,并结合JavaScript技巧,为开发者提供一个全面的指导。 1. **DOM(文档对象模型)基础...

    DOM4J基本操作整理.md

    dom4j基本操作整理

    整理JavaScript对DOM中各种类型的元素的常用操作_.docx

    以下是对 DOM 中各种类型的元素的常用操作的整理。 节点类型 在 DOM 中,每个元素都可以看作是一个节点(node),每个节点都有一个 nodeType 属性,用于标识节点的类型。常见的 nodeType 取值包括: * 1:元素...

    jquery对dom的操作常用方法整理

    Jquery对dom的操作也是很总要的。 1.三个简单实用的用于 DOM 操作的 jQuery 方法: · text() – 设置或返回所选元素的文本内容 · html() – 设置或返回所选元素的内容(包括 HTML 标记) · val() – 设置或返回...

    整理JavaScript对DOM中各种类型的元素的常用操作

    DOM将网页结构解析为一系列可操作的节点,这些节点包括元素、属性、文本等。下面将详细讨论DOM中不同类型的节点以及常用的节点操作。 首先,节点类型由`nodeType`属性定义,常见的取值有: 1. `1`: 元素节点,例如`...

    韩顺平javascript笔记(最全整理 dom编程 oop 基础语法)

    "dom编程.doc"则可能涵盖了常见的DOM操作方法、事件处理和性能优化策略。通过研读这两份文档,结合"javascript笔记(韩顺平完整版).doc"的基础知识部分,开发者将能够系统地学习并掌握JavaScript的核心技能。 总之,...

    前端笔记:js基础语法,DOM操作,BOM操作

    此外,我还会在此博客账号上持续更新前端相关内容(js基础语法,BOM操作,DOM操作),与此同时会持续优化更新笔记内容,后边也会更新一些后端内容,欢迎您的关注和支持,也欢迎各位小伙伴来讨论js和node.js相关知识...

    JavaScript+DOM编程艺术笔记整理

    JavaScript+DOM编程艺术是前端开发领域的一本经典书籍,它涵盖了JavaScript语言的基础和DOM操作的实践技巧。在学习这本书的过程中,我们首先会了解到JavaScript的历史及其重要性,特别是它与W3C标准化的DOM(文档...

    JAVA利用DOM对XML的相关操作

    JAVA利用DOM对XML的相关操作,创建,解析都各有一个例子 其中创建分有规律的节点创建,和不规律的节点创建,并附有详细说明及运行效果图, 上传的资料忘记整理了,工程里面的四个XML是程序生成的,请先删除.

    DOM 知识点汇总

    在JavaScript中,DOM操作是网页动态化的核心。以下是一些关键的DOM知识点: 1. **DOM元素选择**: - `getElementById()`:根据ID选取唯一的元素。 - `getElementsByClassName()`:根据类名选取所有元素。 - `...

    jQuery操作DOM_动力节点Java学院整理

    动力节点Java学院整理的这篇文章将详细讲解如何使用 jQuery 进行 DOM 操作。 首先,文章指出 jQuery 选择器的强大之处在于它简单灵活,能够轻易获取和操作 DOM 元素。在原生 JavaScript 中,修改 DOM 元素的 CSS、...

    Html Dom 手册

    DOM方法是用于操作DOM对象的函数,例如`getElementById()`找到具有特定ID的元素,`appendChild()`在父元素末尾添加子元素,`innerHTML`设置或获取元素的HTML内容。这些方法提供了对网页内容的读写能力。 4. DOM...

    js笔记整理BOM和DOM,es5和es6

    DOM提供了操作页面内容的方法,例如document对象可以用来创建、查找、修改和删除节点。document.getElementById用于获取指定ID的元素,querySelector和querySelectorAll则用于根据CSS选择器获取元素。此外,DOM事件...

    常用DOM整理

    本文对这些常见的问题进行了整理,并提供了一系列实用的DOM操作技巧。 首先,要了解DOM树是由不同类型的节点构成的。节点类型包括元素节点(1)、属性节点(2)、文本节点(3)等等。在JavaScript中,我们使用这些...

    XMLDOM对象方法手册

    XMLDOM(XML Document Object Model)是微软开发的一种用于处理XML文档的接口,它允许程序员通过JavaScript或其他脚本语言在浏览器环境中解析、操作和创建XML数据。XMLDOM对象方法手册是学习和掌握XMLDOM的重要参考...

    使用jaxp进行dom解析_动力节点Java学院整理

    3. DOM解析器对象的parse方法的使用以及如何通过DOM操作XML文档。 4. DOM模型中节点的遍历和CRUD操作。 5. 处理解析过程中的异常情况。 掌握这些知识,对于在Java环境下处理XML文档有着非常重要的意义,不仅能够...

    HTML DOM简介_动力节点Java学院整理

    DOM的核心概念是节点,它将文档分解为多个可操作的部分。以下是不同类型的节点: 1. **文档节点**:整个HTML文档被视为一个文档节点,它是树结构的根。 2. **元素节点**:HTML标签如`&lt;html&gt;`、`&lt;head&gt;`、`&lt;body&gt;`等...

    自动理包源码_requirejqx_魔力宝贝_魔力_自动整理_自动整理源码_

    jQuery提供了一套简洁的API来处理DOM操作、事件处理、动画效果以及Ajax请求,而JQXWidgets则提供了一系列的UI控件,如表格、树形视图、图表等,使得创建交互式的用户界面变得更加容易。 在"魔力宝贝"的自动整理功能...

Global site tag (gtag.js) - Google Analytics