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对象的更多相关文章

  1. javaScript操作DOM对象(看三遍,敲三遍,写三遍! 不会你找我)!!

    DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API 使用javaScript操作DOM对象通常分为三类:1.DOM CORE        2.HTM ...

  2. 第四章 JavaScript操作DOM对象

    第四章   JavaScript操作DOM对象 一.DOM操作 DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API接口,1988年,W3C发布了第一级 ...

  3. JavaScript之DOM对象的获取

    之前我们讲过JavaScript之DOM对象获取的两篇文章,本文是该系列文章之三,点击回顾上两篇文章能更好地理解本文.<JavaScript之DOM对象的获取(一)>: <JavaS ...

  4. JavaScript BOM DOM 对象

    title: JavaScript BOM DOM 对象 tags: JavaScript --- browser object model document onject model BOM对象 w ...

  5. JavaScript基础--DOM对象(十三):(windows对象:history\location\navigator\screen\event)

    DOM编程1.为什么要学习DOM(1) 通过dom编程,我们可以写出各种网页游戏(2)dom编程也是ajax的重要基础2.DOM编程介绍DOM = Document Object Model(文档对象 ...

  6. JavaScript操作DOM对象

    js的精华即是操作DOM对象 [1]先看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8& ...

  7. JavaScript之DOM对象获取(1)

    我们在操作html中的节点的时候,第一步就需要获取到对应节点(元素),才能有后续的操作.获取节点的方式有很多 1.document.getElementById(‘id值’) 通过id精确的选中某一个 ...

  8. JavaScript 操作DOM对象

    1)JavaScript  操作DOM對象 1.DOM:是Document  Object  Model 的缩写,及文档对象模型 2.DOM通常分为三类:DOM Core(核心).HTML-DOM 和 ...

  9. jquery对象和javascript的dom对象转换

    Jquery框架为jquery对象定义了独立使用的方法和属性,它无法直接调用dom对象的方法,dom对象也无法直接调用jquery对象的方法和属性. Jquery对象和dom对象是可以相互转换的,因为 ...

  10. JQuery制作网页—— 第三章 JavaScript操作DOM对象

    1. DOM:Document Object Model(文档对象模型):          DOM操作:                   ●DOM是Document Object Model的缩 ...

随机推荐

  1. HDU2303(数论)大整数求余+素数筛选

    Sample Input 143 10 143 20 667 20 667 30 2573 30 2573 40 0 0   Sample Output GOOD BAD 11 GOOD BAD 23 ...

  2. 2015 多校联赛 ——HDU5353(构造)

    Each soda has some candies in their hand. And they want to make the number of candies the same by do ...

  3. [BZOJ]1063 道路设计(Noi2008)

    省选一试后的第一篇blog! Description Z国坐落于遥远而又神奇的东方半岛上,在小Z的统治时代,公路成为这里主要的交通手段.Z国共有n座城市,一些城市之间由双向的公路所连接.非常神奇的是Z ...

  4. 5650 so easy

    so easy  Accepts: 512  Submissions: 1601  Time Limit: 2000/1000 MS (Java/Others)  Memory Limit: 6553 ...

  5. 如何使用GitHub

    进行版本控制时,我们可以直接通过网页来进行版本控制,也可以下载git客户端.值得注意的是,git的客户端有很多种,具体的可以参考:https://git-scm.com/downloads/guis/ ...

  6. python学习之装饰器-

    python的装饰器 2018-02-26 在了解python的装饰器之前我们得了解python的高阶函数 python的高阶函数我们能返回一个函数名并且能将函数名作为参数传递 def outer() ...

  7. centos7 支持中文显示

    http://www.linuxidc.com/Linux/2017-07/145572.htm这篇文章比较全.我印证了一下,没有问题 centos7的与centos6有少许不同: 1.安装中文包: ...

  8. React .js框架的环境搭建

    React学习笔记(一)- 环境搭建   最近在学习react相关的知识,刚刚起步,一路遇坑不断.自己做个笔记,方便日后总结,也供相同趣味的小伙伴一起交流探讨. 学习时主要参考官网的教程:https: ...

  9. @RequestBody和@RequestParam区别

    @RequestParam 用来处理Content-Type: 为 application/x-www-form-urlencoded编码的内容.(Http协议中,默认传递的参数就是applicati ...

  10. 如何在Eclipse中快速添加main方法

    在创建类时自动添加,只需要勾选"public static void main(String[]   args)"