javascript之DOM对象
document方法
document.createElement(Tag) :创建一个html标签对象
document.getElementById(ID)
:获得指定ID值的对象document.getElementsByName(Name)
//获得指定Name值的对象getElementsByTagName(tagName):返回文档中指定标记名的所有Element节点,返回一个节点列表(可看成数组)
getElementByClassName(className):返回文档中指定样式名的所有Element节点,返回一个节点列表(可看成数组)
createTextNode(text):创建一个包含静态文本text的文本节点
createAttribute():用指定的名字创建新的Attr节点
createComment():用指定的字符串创建新的comment节点
节点(node)的常用属性
nodeType :节点的类型
nodeName :节点的名称
nodeValue :节点值
innerHTML :返回节点内的所有内容
parentNode :返回当前节点的父节点,如果没有父节点,则返回null
childNodes :返回当前节点的所有子节点,以数组形式存放,如果没有子节点则返回空数组
firstChild :返回当前节点的第一个子节点。如果没有子节点,则返回null
lastChild :返回当前节点的最后一个子节点,如果没有子节点,则返回null
nextSibling :返回当前节点的下一个兄弟节点
previousSibing :返回当前节点的上一个兄弟节点
attributes :如果该节点是一个Element节点,则以nameNodeMap形式返回该元素的属性
节点方法
removeChild(childNode):从元素中删除指定的子元素
append(childNode):将指定的节点(childNode)增加到当前元素的子节点列表最后(作为一个新的子节点)
insertBefore(newNode,targetNode):将节点newNode作为当前元素的子节点插入到targetNode子节点元素的前面
replaceChild(newNode,oldNode):将节点oldNode替换为节点newNode
cloneNode(true) :复制当前节点,true表示复制当前节点以及它的所有子孙节点
hasChildNodes() :该方法返回一个布尔值,指示元素是否有子元素
getAttribute(name,value) :获得元素中的name属性的值
setAttribute(name,value):设置元素中的name属性的值
removeAttribute(name):从元素中删除属性name
hasAttribute(name):返回该素是否具有指定name名字的属性,如果有,则返回true
getAttributeNode() :以Attr节点的形式返回指定的属性的值
setAttributeNode() :把指定的Attr节点添加到该元素的列表中
removeAttributeNode():从元素的属性列表中删除指定的Attr节点
getNamedItem() : 返回指定的节点。常与attributes属性结合使用
javascript之DOM对象的更多相关文章
- javaScript操作DOM对象(看三遍,敲三遍,写三遍! 不会你找我)!!
DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API 使用javaScript操作DOM对象通常分为三类:1.DOM CORE 2.HTM ...
- 第四章 JavaScript操作DOM对象
第四章 JavaScript操作DOM对象 一.DOM操作 DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API接口,1988年,W3C发布了第一级 ...
- JavaScript之DOM对象的获取
之前我们讲过JavaScript之DOM对象获取的两篇文章,本文是该系列文章之三,点击回顾上两篇文章能更好地理解本文.<JavaScript之DOM对象的获取(一)>: <JavaS ...
- JavaScript BOM DOM 对象
title: JavaScript BOM DOM 对象 tags: JavaScript --- browser object model document onject model BOM对象 w ...
- JavaScript基础--DOM对象(十三):(windows对象:history\location\navigator\screen\event)
DOM编程1.为什么要学习DOM(1) 通过dom编程,我们可以写出各种网页游戏(2)dom编程也是ajax的重要基础2.DOM编程介绍DOM = Document Object Model(文档对象 ...
- JavaScript操作DOM对象
js的精华即是操作DOM对象 [1]先看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8& ...
- JavaScript之DOM对象获取(1)
我们在操作html中的节点的时候,第一步就需要获取到对应节点(元素),才能有后续的操作.获取节点的方式有很多 1.document.getElementById(‘id值’) 通过id精确的选中某一个 ...
- JavaScript 操作DOM对象
1)JavaScript 操作DOM對象 1.DOM:是Document Object Model 的缩写,及文档对象模型 2.DOM通常分为三类:DOM Core(核心).HTML-DOM 和 ...
- jquery对象和javascript的dom对象转换
Jquery框架为jquery对象定义了独立使用的方法和属性,它无法直接调用dom对象的方法,dom对象也无法直接调用jquery对象的方法和属性. Jquery对象和dom对象是可以相互转换的,因为 ...
- JQuery制作网页—— 第三章 JavaScript操作DOM对象
1. DOM:Document Object Model(文档对象模型): DOM操作: ●DOM是Document Object Model的缩 ...
随机推荐
- hdu 5533(几何水)
Input The first line contains a integer T indicating the total number of test cases. Each test case ...
- [bzoj4883][Lydsy2017年5月月赛]棋盘上的守卫
来自FallDream的博客,未经允许,请勿转载, 谢谢. 在一个n*m的棋盘上要放置若干个守卫.对于n行来说,每行必须恰好放置一个横向守卫:同理对于m列来说,每列 必须恰好放置一个纵向守卫.每个位置 ...
- SpringCloud学习之DiscoveryClient探究
当我们使用@DiscoveryClient注解的时候,会不会有如下疑问:它为什么会进行注册服务的操作,它不是应该用作服务发现的吗?下面我们就来深入的来探究一下其源码. 一.Springframewor ...
- Spring使用@Scheduled定时调度
一.spring配置文件中增加对这个注解的支持: 配置文件如下: <?xml version="1.0" encoding="UTF-8"?> &l ...
- CentOS7快速配置nginx node mysql8.0
目录: (一)基础准备 (二)安装node (三)安装nginx (四)安装mySql8.0 (五)整体配置 (六)安装PM2守护进程 (一)基础准备1.1 概述 服务器操作系统为 centos7.4 ...
- C语言程序设计第二次作业——顺序结构
(一)改错题 1.输出带框文字:在屏幕上输出以下3行信息. 错误信息1: 错误原因:i和d位置错误 改正方法:i和d位置互换 错误信息2: 错误原因:\n后缺了一个" 改正方法:\n后加一个 ...
- python2.7入门---变量类型
这篇文章呢,主要是用来记录python中的变量类型学习内容的.接下来就来看一下变量类型,那么什么是变量呢.变量存储在内存中的值.这就意味着在创建变量时会在内存中开辟一个空间.基于变量的数据类型,解 ...
- SQL之排序
1.按多个列排序 经常需要按不止一个列进行数据排序.例如,如果要显示雇员名单,可能希望按姓和名排序(首先按姓排序,然后在每个姓中再按名排序).如果多个雇员有相同的姓,这样做很有用. 要按多个列排序,简 ...
- c# datatable增加列并赋值
DataView dv = DataObj.GetBmfzr("03").Tables[0].DefaultView; dv.Sort = "bmbh"; Da ...
- 函数的属性和方法之call、apply 及bind
一.前言 ECMAScript中的函数是对象,因此函数也有属性和方法.每个函数都包含两个属性:length和prototype.每个函数也包含两个非继承来的方法:apply()和call(),还有一些 ...