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. ●HDU 4787 GRE Words Revenge

    题链: http://acm.hdu.edu.cn/showproblem.php?pid=4787 题解: AC自动机(强制在线构造) 题目大意: 有两种操作, 一种为:+S,表示增加模式串S, 另 ...

  2. [BZOJ]1018 堵塞的交通(SHOI2008)

    一道有点神的线段树. Description 有一天,由于某种穿越现象作用,你来到了传说中的小人国.小人国的布局非常奇特,整个国家的交通系统可以被看成是一个2行C列的矩形网格,网格上的每个点代表一个城 ...

  3. Amazon新一代云端关系数据库Aurora(上)

    本文由  网易云发布. 在2017年5月芝加哥举办的世界顶级数据库会议SIGMOD/PODS上,作为全球最大的公有云服务提供商,Amazon首次系统的总结 了新一代云端关系数据库Aurora的设计实现 ...

  4. HashMap实现原理和源码解析

    哈希表(hash table)也叫散列表,是一种非常重要的数据结构.许多缓存技术(比如memcached)的核心其实就是在内存中维护一张大的哈希表,本文会对java集合框架中的对应实现HashMap的 ...

  5. HttpClient 实现 get,post请求

    private String sendPost(Map<String,Object> data, String url) { CloseableHttpClient httpClient ...

  6. Optaplanner逐步学习(0) : 基本概念 - Optaplanner,规划问题, 约束,方案

    之前的文章中,分别从APS,排产到规划引擎叙述了一些理论基础:并介绍了一些Optaplanner大概的情况:并一步步将Optaplanner的示例运行起来,将示例源码导进Eclipse分析了一下它的H ...

  7. js去除空格,判断是否包含

    js去除空格 function trimStr(str){ return str.replace(/(^\s*)|(\s*$)/g,""); } js判断是否包含 //是否包含 f ...

  8. Mysql中where条件一个单引号引发的性能损耗

    日常写SQL中可能会有一些小细节忽略了导致整个sql的性能下降了好几倍甚至几十倍,几百倍.以下这个示例就是mysql语句中的一个单引号('')引发的性能耗损,我相信很多朋友都遇到过,甚至还在这样写. ...

  9. 8.1 使用Python操作SQLite数据库

    SQLite是内嵌在Python中的轻量级.基于磁盘文件袋额数据库管理系统,不需要安装和配置服务,支持使用SQL语句来访问数据库.该数据库使用C语言开发,支持大多数SQL91标准,支持原子的.一致的. ...

  10. 让互联网更快,Server Push 特性及开启方式详解

    过去 Nginx 并不支持 HTTP/2 的 Server Push 特性,幸运的是 Nginx 1.13.9 已支持该特性,详情介绍请移步 Nginx 官方博客. Server Push 这个特性是 ...