`
lym6520
  • 浏览: 696708 次
  • 性别: 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对象整理集合:里面还有很多js技巧集合,要的就下啊

    DOM4J基本操作整理.md

    dom4j基本操作整理

    DOM入门操作doc版

    DOM的入门教程,由本人自己整理,个人感觉非常好,里面有各中方法的用法,是DOM入门的不错教程。通过此教程,你一定能够从容掌握DOM的用法,加上实践,你一定能够DOM高手,从而向AJAX进阶

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

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

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

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

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

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

    JAVA利用DOM对XML的相关操作

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

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

    主要介绍了jQuery操作DOM,下面的DOM操作将围绕上面的DOM树进行学习JQueryDOM操作,有兴趣的可以了解一下

    常用DOM整理

    js在操作DOM中存在着许多跨浏览器方面的坑,本文花了我将近一周的时间整理,我将根据实例整理那些大大小小的“坑”。

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

    主要介绍了JavaScript对DOM中各种类型的元素的常用操作整理,DOM操作是JavaScript程序的一大根本任务,需要的朋友可以参考下

    精选整理常见100个vue面试题

    虚拟DOM:dom操作是非常耗费性能的, 不再使用原生的dom操作节点,极大解放dom操作,但具体操作的还是dom不过是换了另一种方式; 运行速度更快:相比较与react而言,同样是操作虚拟dom,就性能而言,vue存在很大的...

    jQuery学习笔记精心整理

    1. jQuery是第三方开发的执行DOM操作的极简化的函数库 (1). 第三方: 除了浏览器自带的函数和程序员自己编写的函数外,由第三方组织或个人编写的函数或对象——都要先下载才能用(官网: www.jquery.com) (2). 执行...

    JavaScript之DOM_动力节点Java学院整理

    操作一个DOM节点实际上就是这么几个操作: 更新:更新该DOM节点的内容,相当于更新了该DOM节点表示的HTML的内容; 遍历:遍历该DOM节点下的子节点,以便进行进一步操作; 添加:在该DOM节点下新增一个子节点,...

    jQuery修改DOM结构_动力节点Java学院整理

    有了jQuery,我们就专注于操作jQuery对象本身,底层的DOM操作由jQuery完成就可以了,这样一来,修改DOM也大大简化了。 添加DOM 要添加新的DOM节点,除了通过jQuery的html()这种暴力方法外,还可以用append()方法,...

    在vue中获取dom元素内容的方法

    本篇文章主要介绍了在vue中获取dom元素内容的方法,可以通过给标签加ref属性,这里整理了详细的代码,有兴趣的可以了解一下

    dom4j+Eclipse项目源码,包含案例,Java程序用来读写xml文件。

    java操作xml文件,源码案例中实现了对xml文件的增、删、改、查等功能,可以用来开发一些工具,如hibernate就用到了dom4j。 我本人也用dom4j做过读取项目数据库xml配置文件的功能,增加了项目的可移植性、并且方便...

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

    这个规范允许访问和操作 HTML 页面中的每一个单独的元素。所有的浏览器都执行了这个标准,因此,DOM 的兼容性问题也几乎难觅踪影了。DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。 DO

    DOM和XMLHttpRequest对象的属性和方法整理

    DOM和XMLHttpRequest对象的属性和方法整理,注意是方便操作ajax的朋友

Global site tag (gtag.js) - Google Analytics