`

DOM Core常用

阅读更多

DOM Core常用部分:
DOM方法
创建节点:createElement(),createTextNode()
复制节点:cloneNode()
插入节点:appendChild(),insertBefore
删除节点:removeChild()
替换节点:replaceChild()
查找节点:getAttribute(),getElementById(),getElementsByTagName,hasChildNodes
设置节点属性:setAttribute()
DOM属性
节点的属性:nodeName,nodeType,nodeValue
遍历节点树:childNodes,firstChild,lastChild,nextSibling,parentNode,previousSibling
下面给出这部分的简要用法,做个索引似帮助文档
1.document.createElement(“节点名”):新建一个节点
2.document.createTextNode(“文本内容”):新建一个文本节点
3.节点.cloneNode(true|false):复制该节点,参数true则连同子结点一同复制,false则不复制子结点
4.节点.appendChild(子节点):在节点下添加子结点
5.父节点.insertBefore(新节点,参照点):在该父节点下的参照点前面插入新节点.通常父节点这样写:参照点.parentNode
6.父节点.removeChild(子结点):删除该父节点下指定的子结点,该子结点下的所有嵌套子结点都将被删除
7.父节点.replaceChild(新节点,旧节点):把该父节点下的指定子结点替换为新节点
8.节点.getAttribute(“属性名”):搜索指定节点的属性名,返回该属性的属性值
9.document.getElementById(“id名”):搜索文档中指定id名的节点,返回该节点对象
10.document.getElementsByTagName(“标签名”):搜索文档中指定标签名的节点,返回一个节点对象列表(数组),基数从0开始,具有length属性,表示数组长度
11.节点.hasChildNodes:该节点是否具有子结点,有,返回true,没有子结点返回false(比如文本节点和属性节点)
12.节点.setAttribute(“属性名”,”属性值”):为该节点添加属性,若该属性已经存在则刷新属性值
13.节点.nodeName:根据节点类型区分
元素节点:返回标签名(相当于tagName属性)
文本节点:返回#text
属性节点:返回属性名
14.节点.nodeType:返回节点类型,常用有一下三种:
元素节点:返回1
属性节点:返回2
文本节点:返回3
15.节点.nodeValue:返回节点当前的值,根据节点类型区分:
元素节点:返回null
属性节点:返回属性值
文本节点:返回文本内容
16.节点.childNodes:返回该节点下的所有一级子结点(前面有具体介绍过,这个属性在不同浏览器有不同解释)
17.节点.firstChild:返回该节点下的第一个子结点
18.节点.lastChild:返回该节点下的最后一个子结点
19.节点.nextSibling:返回该节点的下一个兄弟节点对象
20.节点.parentNode:返回该节点的父节点(肯定是一个元素节点,document节点的父节点为null)
21.节点.previousSibling:和nextSibling相对,返回该节点的上一个兄弟节点对象

分享到:
评论

相关推荐

    jQuery DOM操作小结与实例

    DOM Core DOM Core并不专属于javascript,任何一种支持DOM的程序设计语言都可以使用它。 它的用途并非仅限于处理网页,也可以用来处理任何一种使用标记语言编写出来的文档,如XML. Javascript中的getElementById(),...

    jQuery随手笔记之常用的jQuery操作DOM事件

    DOM操作可以分为三个方面即DOM Core(核心)、HTM-DOM和CSS-DOM。 jQuery DOM 元素方法  函数 描述 .get() 获得由选择器指定的 DOM 元素。 .index() 返回指定元素相对于其他指定元素的 index 位置。 .size()...

    Java常用的一些jar包

    存一些java常用的jar包,方便以后使用 c3p0-0.9.1.2.jar commons-dbutils-1.4.jar commons-io-2.4.jar dom4j-1.6.1.jar hamcrest-core-1.3.jar jaxen-1.1.6.jar junit-4.12.jar mysql-connector-java-5.1.37-bin.jar

    web开发常用jar

    web开发常用jar包 常用jar包 commons-beanutils.jar Apache Commons包中的一个,包含了一些Bean工具类类。必须使用的jar包。 commons-collections.jar Apache Commons包中的一个,包含了一些Apache开发的集合类,...

    java开发常用jar包

    dom4j-1.6.1.jar druid-1.0.15.jar fastjson-1.1.37.jar freemarker-2.3.22.jar hibernate-commons-annotations-4.0.1.Final.jar hibernate-core-4.2.0.Final.jar hibernate-jpa-2.0-api-1.0.1.Final....

    java常用jar包打包下载

    java常用jar包打包下载,包括commons-lang3-3.12.0.jar,openBasicSDK-1.7.0.jar,activation-1.1.jar,commons-codec-1.15.jar,commons-io-2.2.jar,modelmapper-3.0.0.jar,mail-1.4.7.jar,dom4j-2.1.3.jar,...

    java常用jar包

    java中常用的各种jar包都有,像ajax&jQuery,dom4j,hibernate_lib,JDBC_JAR,js,json_JAR,spring,struts2.18_core_JAR,XML_JSR都有,

    javaweb项目常用jar包

    dom4j-1.6.1.jar elasticache-java-cluster-client-1.0.61.0.jar ezmorph-1.0.6.jar freemarker-2.3.8.jar ftp-1.0.0.jar ggserver-core-1.0.jar ggserver-thematic-1.0.jar gson-1.6.jar hibernate-commons...

    web项目常用jar包及说明.zip

    2.commons-io.jar(commons项目(commons项目就是java中一些常用的公共的组件)的io子项目,是处理异常的) 3.freemarker-2.3.15.jar(支持freemarker的,在webwork中也有) 4.javassist.jar(一个开源的分析、编辑...

    web开发中常用的jar包

    dom4j-1.6.1.jar FILESLIST111.TXT freemarker-2.3.19.jar hibernate-jpa-2.0-api-1.0.1.Final.jar hibernate3.jar javassist-3.11.0.GA.jar javassist-3.12.0.GA.jar jta-1.1.jar log4j-1.2.17.jar mail.jar mysql-...

    phpserv:用于php和nginx的Dockerfile。 php容器和nginx容器,php-fpm处理PHP代码,nginx处理纯前端和静态资源,实现前分离。。php容器中安装有(bcmath,Core,ctype,curl,date,dom,fileinfo,filter,ftp, gd,hash,iconv,json,libxml,mbstring,mcrypt,mongodb,mysqlnd,openssl,pcre,PDO,pdo_mysql,pdo_sqlite,Phar,posix,r

    php容器中安装有(bcmath,Core,ctype,curl,date,dom,fileinfo,filter,ftp, gd,hash,iconv,json,libxml,mbstring,mcrypt,mongodb,mysqlnd,openssl,pcre,PDO,pdo_mysql,pdo_sqlite,Phar,posix...

    struts2.1.6+spring2.0+hibernate3.2常用配置包

    dom4j-1.6.1.jar //3 ehcache-1.2.3.jar //3* ejb3-persistence.jar //3 freemarker-2.3.13.jar //2 hibernate3.jar //3 hibernate-annotations.jar //3 hibernate-commons-annotations.jar //3 hibernate-...

    .NET万能框架:Masuit.Tools

    int core = SystemInfo.GetCpuCount(); 3.大文件操作 FileStream fs = new FileStream(@"D:\boot.vmdk", FileMode.OpenOrCreate, FileAccess.ReadWrite); { //fs.CopyToFile(@"D:\1.bak");//同步...

    Ext+JS高级程序设计.rar

    9.2.4 常用的辅助函数 258 9.2.5 使用xtype 258 9.3 实现一个功能完整的增、删、查、改表格控件 259 9.3.1 扩展GridPanel 259 9.3.2 配置列模型 259 9.3.3 配置显示数据 260 9.3.4 点缀EasyGrid 261 9.3.5 实现添加...

    jar包集合.zip

    常用jar包 jdbc mysql junit等jar包 c3p0-0.9.5.5.jar c3p0-oracle-thin-extras-0.9.5.5.jar dom4j-1.6.1.jar hamcrest-core-1.3.jar junit-4.12.jar mchange-commons-java-0.2.19.jar mysql-connector-java-8.0.21....

    php7.3的dockerfile

    新增了常用的扩展。 # 官方版本默认安装扩展: # Core, ctype, curl # date, dom # fileinfo, filter, ftp # hash # iconv # json # libxml # mbstring, mysqlnd # openssl # pcre, PDO, pdo_sqlite, Phar, posix # ...

    SSH 框架所需JAR包

    2.commons-io.jar(commons项目(commons项目就是java中一些常用的公共的组件)的io子项目,是处理异常的) 3.freemarker-2.3.15.jar(支持freemarker的,在webwork中也有) 4.javassist.jar(一个开源的分析、编辑...

    SSH 项目 整合jar包

    2.commons-io.jar(commons项目(commons项目就是java中一些常用的公共的组件)的io子项目,是处理异常的) 3.freemarker-2.3.15.jar(支持freemarker的,在webwork中也有) 4.javassist.jar(一个开源的分析、编辑...

Global site tag (gtag.js) - Google Analytics