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)
JavaScript中的DOM函数与关键字汇总的更多相关文章
- 在 JavaScript 中使用构造器函数模拟类
今天,我们要讲的是在 JavaScript 中使用构造器函数(construcor function)模拟类. 构造器函数简介 你可以使用 ES6 的 class 关键字来实现类,不过我建议你使用传统 ...
- [转]JavaScript中的匿名函数及函数的闭包
JavaScript中的匿名函数及函数的闭包 原文地址:http://www.cnblogs.com/wl0000-03/p/6050108.html 1.匿名函数 函数是JavaScript中最灵 ...
- JavaScript中的匿名函数及函数的闭包(转)
JavaScript中的匿名函数及函数的闭包 https://www.cnblogs.com/wl0000-03/p/6050108.html 1.匿名函数 函数是JavaScript中最灵活的一种 ...
- 关于javascript中变量及函数的提升
javascript中变量以及函数的提升,在我们平时的项目中其实还是挺常用的,尤其是大型项目中,不知不觉就会顺手添加一些变量,而有时候自己的不小心就会酿成一些不必要错误,趁有时间整理一下自己对于js中 ...
- 在javascript中:(函数()()是一个匿名函数
在javascript中:(函数()()是一个匿名函数,它主要使用函数中的变量范围来避免全局变量,影响整个页面环境,并提高代码兼容性. (函数())是标准函数定义,但不会复制到任何变量.所以有一个没有 ...
- 理解与使用Javascript中的回调函数 -2
在javascript中回调函数非常重要,它们几乎无处不在.像其他更加传统的编程语言都有回调函数概念,但是非常奇怪的是,完完整整谈论回调函数的在线教程比较少,倒是有一堆关于call()和apply() ...
- javascript中什么是函数
函数的定义 在javascript中函数是一段可以被执行或调用任意次数的JavasScript代码,在数据类型中属于"function".函数也拥有属性和方法,因此函数也是对象. ...
- JavaScript中的异步函数
JavaScript中的异步函数 ES8 的 async/await 旨在解决利用异步结构组织代码的问题.为此, ECMAScript 对函数进行了扩展,为其增加了两个新关键字: async 和 aw ...
- 借助JavaScript中的Dom属性改变Html中Table边框的颜色
借助JavaScript中的Dom属性改变Html中Table边框的颜色 -------------------- <html> <head> <title>我是页 ...
随机推荐
- maridb安装审计audit插件
1.下载插件 https://mariadb.com/kb/en/mariadb-audit- plugin/ 比较新的mariadb版本audit插件直接内嵌在版本里,可以直接安装 INSTALL ...
- kvm的sshd起不来
同事不知道在一台KVM虚拟机执行了chmod -R 777 / 将更目录中的所有文件的权限都改为777,重启该虚拟机之后发现该虚拟机登不上去了,来找我,我尝试重启了几次虚拟机之后,发现总是可以被pi ...
- AE + GDAL实现影像按标准图幅分割(上)
最近有个项目,其中有个功能是要将遥感影像按标准图幅分割,一开始用AE的接口,慢的让人抓狂,就改用GDAL,速度提升很大.我主要通过http://blog.csdn.net/liminlu0314/学习 ...
- css实现下拉菜单
实现一个效果不难,难的是使用最少的代码实现一个效果 <!DOCTYPE html> <html lang="en"> <head> <me ...
- Luogu3373【模板】线段树2
P3373[模板]线段树2 题目描述 如题,已知一个数列,你需要进行下面两种操作: 1.将某区间每一个数加上x 2.将某区间每一个数乘上x 3.求出某区间每一个数的和 输入输出格式 输入格式: 第一行 ...
- 如何通过 HSB 颜色模式构建夜间模式
中国睡眠研究会发布的<2017 年中国青年睡眠现状报告>显示,大约 90% 的人在睡前离不开电子产品. 不知道大家有没有感觉到普通的亮色界面会让我们在夜间使用的时侯感到刺眼,长时间使用会感 ...
- Thread 与 Runnable 混合使用测试
package com.dava; public class TesThread extends Thread implements Runnable { public void run() { Sy ...
- 操作系统之cache、伙伴系统、内存碎片、段式页式存储管理
存储管理是操作系统非常重要的功能之一,本文主要介绍操作系统存储管理的基础知识,包括缓存相关知识.连续内存分配.伙伴系统.非连续内存分配.内存碎片等,并结合linux系统对这些知识进行简单的验证.文章内 ...
- JavaWeb总结(五)—Cookie
一.会话 1.提出问题 HTTP协议是一种无状态的协议.Web服务器本身不能识别哪些请求是同一浏览器发出的,浏览器的每一次请求都是孤立的.即使HTTP1.1支持持续连接,但当用户有一段时间没有提交请求 ...
- 安卓 ADB常见问题整理
以下都是ADB连接问题,可以通过尝试如下步骤,由简单度排序 1. 插拔下USB连接线 2. 关闭USB模式再打开 3. 执行以下命令 adb kill-server adb start-server ...