DOM节点的属性

属性      描述

attributes数组  获取某个节点的所有属性子节点(实际是一个NodeList对象)

childNodes数组    获取某个节点的所有子节点,可以按数组方式访问子节点,另外还包括属性length以及方法item()(实际是一个Nodelist对象)

firstChild         获取某个节点的第一个子节点

lastChild      获取某个节点的最后一个子节点

localName     返回被选元素的本地名称

nextSibling        获取某个节点的下一个邻近子节点

previousSibling  获取某个节点的上一个邻近子节点

nodeName       获取某个节点的节点名字

nodeType      获取某个节点的节点类型

ownerDocumend 返回这个文档的根节点

parentNode     返回某个节点的父节点

textContent 和 innerText 获取某个节点的文本字符串(FireFox只能用textContent,其他浏览器用innerText)

innerHTML    获取某个节点的内部HTML代码

baseURL       获取当前的URL路径

DOM节点的相关方法

方法        描述

appendChild     向某个节点后面插入一个新节点

cloneNode      复制某个节点

hasAttributes   判断某个节点是否有属性存在

insertBefore       把新节点插入到某个节点的指定子节点的前面

isEqualNode          判断两个节点是否完全一致

isSameNode          判断两个节点是否是同一个节点

normalize      将相邻的Text对象合并为一个

removeChild    删除(并返回)当前节点的指定子节点

replaceChild          对某个节点用新节点替换指定子节点,例如Node.replaceChild(newChild,olNode);

getAttribute     获得某个节点的指定属性的值

setAttribute           设置某个节点的指定属性的值

Element对象的方法

方法           描述

getElementById         获取指定Id的标签节点(document节点具有该方法)

getElementsByName      从某个节点获得指定Name的标签数组

getElemtentsByTagName   从某个节点获得指定标签名的标签数组

Text对象的相关属性及方法

data         获取Text节点的字符串

length        获取Text节点的字符串长度

appendData             在Text节点后面添加字符串,如Node.appendData(string);

deleteData        在Text节点指定位置删除指定长度的字符串

insertData       在Text节点指定位置插入字符串,如Node.insertData(start,string);

replaceData     在Text节点指定位置替换指定长度的字符串,如Node.replaceData(start,length,string)

splitText(offset)         在Text节点指定位置分裂字符串为两个Text节点,如Node.splitText(offset)

substringData    在Text节点指定位置提取指定长度的字符串,如Node.substringData(start,length)

JavaScript中的DOM函数与关键字汇总的更多相关文章

  1. 在 JavaScript 中使用构造器函数模拟类

    今天,我们要讲的是在 JavaScript 中使用构造器函数(construcor function)模拟类. 构造器函数简介 你可以使用 ES6 的 class 关键字来实现类,不过我建议你使用传统 ...

  2. [转]JavaScript中的匿名函数及函数的闭包

    JavaScript中的匿名函数及函数的闭包  原文地址:http://www.cnblogs.com/wl0000-03/p/6050108.html 1.匿名函数 函数是JavaScript中最灵 ...

  3. JavaScript中的匿名函数及函数的闭包(转)

    JavaScript中的匿名函数及函数的闭包  https://www.cnblogs.com/wl0000-03/p/6050108.html 1.匿名函数 函数是JavaScript中最灵活的一种 ...

  4. 关于javascript中变量及函数的提升

    javascript中变量以及函数的提升,在我们平时的项目中其实还是挺常用的,尤其是大型项目中,不知不觉就会顺手添加一些变量,而有时候自己的不小心就会酿成一些不必要错误,趁有时间整理一下自己对于js中 ...

  5. 在javascript中:(函数()()是一个匿名函数

    在javascript中:(函数()()是一个匿名函数,它主要使用函数中的变量范围来避免全局变量,影响整个页面环境,并提高代码兼容性. (函数())是标准函数定义,但不会复制到任何变量.所以有一个没有 ...

  6. 理解与使用Javascript中的回调函数 -2

    在javascript中回调函数非常重要,它们几乎无处不在.像其他更加传统的编程语言都有回调函数概念,但是非常奇怪的是,完完整整谈论回调函数的在线教程比较少,倒是有一堆关于call()和apply() ...

  7. javascript中什么是函数

    函数的定义 在javascript中函数是一段可以被执行或调用任意次数的JavasScript代码,在数据类型中属于"function".函数也拥有属性和方法,因此函数也是对象. ...

  8. JavaScript中的异步函数

    JavaScript中的异步函数 ES8 的 async/await 旨在解决利用异步结构组织代码的问题.为此, ECMAScript 对函数进行了扩展,为其增加了两个新关键字: async 和 aw ...

  9. 借助JavaScript中的Dom属性改变Html中Table边框的颜色

    借助JavaScript中的Dom属性改变Html中Table边框的颜色 -------------------- <html> <head> <title>我是页 ...

随机推荐

  1. 数据结构(三) 用java实现七种排序算法。

    很多时候,听别人在讨论快速排序,选择排序,冒泡排序等,都觉得很牛逼,心想,卧槽,排序也分那么多种,就觉得别人很牛逼呀,其实不然,当我们自己去了解学习后发现,并没有想象中那么难,今天就一起总结一下各种排 ...

  2. PRINCE2考试一共多少道题

    一.Foundation 基础级: 考试时长 1 个小时: 75 道单选题,其中 5 道随机测试题,无论对错都不计入考分:满分 70 分,获得 35 分才能通过考试,正确率 50%: 全程闭卷考试 二 ...

  3. web中关于垃圾回收的一些观点

    感觉dom大神的解惑 关于引用计数法,注意引用的方向性就行.  A.addEventListner(B.func), 那么是增加了A对B的引用.如果A是不可回收的对象,比如全局的Stage,或者单例. ...

  4. 解决vagrant up启动失败,停留在Booting VM...过程的方法

    如图,这种情况是因为没有正确关闭虚拟机导致的,关闭时应在命令行使用vagrant halt 命令,如果直接关机便会出现这种情况. 解决办法:直接启动VirtualBox,并在命令行vagrant ha ...

  5. JSAAS的Activiti会签开发扩展处理

    1.什么是会签? 在流程业务管理中,任务是通常都是由一个人去处理的,而多个人同时处理一个任务,这种任务我们称之为会签任务.这种业务需求很常见,如一个请款单,领导审批环节中,就需要多个部门领导签字.在流 ...

  6. 1.Maven的安装及配置

    1 Maven 介绍 Maven这个词可以翻译为“知识的积累”,也可以翻译为“专家”或“内行”.本书将介绍Maven这一跨平台的项目管理工具.作为Apache组织中的一个颇为成功的开源项目,Maven ...

  7. WPF 截屏软件开发

    最近由于工程需要开始研发基于Windows的自动录屏软件,很多细节很多功能需要处理,毕竟一个完美的录屏软件不是你随随便便就可以写出来的.首先参考了大部分的录屏软件,在研发的过程中遇到了很多的问题:比如 ...

  8. Hibernate基础学习(五)—对象-关系映射(下)

    一.单向n-1 单向n-1关联只需从n的一端可以访问1的一端. 域模型: 从Order到Customer的多对一单向关联.Order类中定义一个Customer属性,而在Customer类不用存放Or ...

  9. 浩哥解析MyBatis源码(十)——Type类型模块之类型处理器

    原创作品,可以转载,但是请标注出处地址:http://www.cnblogs.com/V1haoge/p/6715063.html 1.回顾 之前的两篇分别解析了类型别名注册器和类型处理器注册器,此二 ...

  10. Python 装饰器装饰类中的方法

    title: Python 装饰器装饰类中的方法 comments: true date: 2017-04-17 20:44:31 tags: ['Python', 'Decorate'] categ ...