JavaScript中的DOM函数与关键字汇总

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)

时间: 2024-08-08 09:06:39

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

JavaScript中的匿名函数及函数的闭包以及作用域

1. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85

javascript中的dom元素操作

javascript中的Dom事件操作 函数 函数就是将一些方法封装,通过调用执行函数. 作用: 避免重复代码. 简化编程,让编程模块化. 语法:fuction(){ } function是一个关键字,类似于Python中定义函数的"def": 小括号里放参数 大括号里放函数语句. 函数的调用 函数名+() 函数的参数 形参 实参 argument:只能在函数中使用. 返回实参的个数:argument.length 返回形参的个数:fn.length 伪数组 可以修改元素,但不能改变数

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

在javascript中回调函数非常重要,它们几乎无处不在.像其他更加传统的编程语言都有回调函数概念,但是非常奇怪的是,完完整整谈论回调函数的在线教程比较少,倒是有一堆关于call()和apply()函数的,或者有一些简短的关于callback的使用示例. 函数也是对象 想弄明白回调函数,首先的清楚地明白函数的规则.在javascript中,函数是比较奇怪的,但它确确实实是对象.确切地说,函数是用 Function()构造函数创建的Function对象.Function对象包含一个字符串,字符串

JavaScript中判断原生函数的两个示例

原文链接: Detect if a Function is Native Code with JavaScript原文日期: 2014-08-17翻译日期: 2014-08-20翻译人员: 铁锚 我总是经常碰到需要检查某个function是否是原生代码的情况  -- 这是功能测试中一个很重要的内容: 函数是浏览器内置支持的,还是通过第三方类库模拟的.要检测这一点,最简单的办法当然是判断函数的 toString 方法返回的值啦. JavaScript代码 判断函数是否是原生方法其实相当简单: //

javascript中什么是函数

函数的定义 在javascript中函数是一段可以被执行或调用任意次数的JavasScript代码,在数据类型中属于"function".函数也拥有属性和方法,因此函数也是对象. 函数的创建方法 创建函数可以通过函数声明.函数表达式以及构造函数三种方法来实现. 在Javascript中函数定义函数声明或函数表达式由关键字function开始,其后跟随这些组成部分: 1.函数名称标识符.函数名称是函数声明语句必须的部分.它的用途就像变量的名字,新定义的函数对象会赋值给这个变量.对函数定义

JavaScript中的回调函数

在学习JavaScript的过程中遇到了很多,使用到回调函数的例子,出现了许多疑问,就由一个栗子开始吧: 在JavaScript中接触的第一个回调函数是在setInterval()和setTimeout()中出现的: 1 var num = 10; 2 3 var interValId = setInterval(function (){ 4 console.log(num); 5 num--; 6 if(num==0){ 7 clearInterval(interValId); 8 } 9 }

Javascript 中的回调函数和递归函数简单实际分析学习

Javascript 中的回调函数和递归函数简单实际分析学习 1 回调函数 所谓回调函数简单理解就是将一个函数做为参数传递给其他的函数供其使用.(只是在js中,因为其它的语言中有指针这个概念). 举一个简单的例子,当我们在统计账单的时候就要整理材料这些,然后就需要计算器,计算器我们想象成为一个可以实现计算的函数.统计账单是另外的另一个函数,当统计账单的时候就会需要计算器这个函数的支持,其实这就是一个简单的回调.可以按这个理解. 下来我借用网上的一个例子: //先定义一个函数fun1 functi

javascript中定义声明函数的四种方法

javascript中定义声明函数的四种方法 :http://blog.163.com/zzf_fly/blog/static/209589158201286104927248/ 方法一:function functionName([parameters]){functionBody}; 方法二:将一个未命名的函数function赋给一个指定变量(var):var add=function(a, b){} 方法三:使用new运算符声明函数varName=new Function([param1N

JavaScript中字符串分割函数split用法实例

这篇文章主要介绍了JavaScript中字符串分割函数split用法,实例分析了javascript中split函数操作字符串的技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了JavaScript中字符串分割函数split用法.分享给大家供大家参考.具体如下: 先来看下面这段代码: <script type="text/javascript"> var str="How are you doing today?" document.write