//document方法:
    var cont = document.getElementByIdx_x('cont');

//className给标签添加class
    cont.className = 'fcolor';

//setAttribute方法可以添加一些属性,但是不是css样式哦!
    var a_id = document.getElementByIdx_x('a_id');
    a_id.setAttribute('href','http://www.oeeee.com');

//getAttribute所产生的内容
    var a_att = a_id.getAttribute('href');
    document.write('getAttribute所产生的内容:' + a_att + '<br>' + '<br>');

//removeAttribute所产生的内容
    var a_att = a_id.removeAttribute('href');
    document.write('removeAttribute后所产生的内容:' + a_att + '<br>' + '<br>');

//innerHTML获得html内容
    document.write('innerHTML所产生的内容:' + cont.innerHTML + '<br>');

//getElementsByTagName_r()方法返回带有指定标签名的对象的集合,不常用
    var div = document.getElementsByTagName_r('div');
    document.write('getElementByTagName()所产生的内容:' + div.length + '<br>');

//document.body返回body元素标记
    var dom_body = document.body;
    dom_body.setAttribute('bgcolor','#186376');

var txt = dom_body.createTextNode('dfsdfsdjffdsf');
    var p = dom_body.createElement_x('p');
    p.appendChild(txt);
    dom_body.appendChild(p);

----------------------------------------------------------------------------

    1. document方法:
    2. getElementById(id) Node 返回指定结点的引用
    3. getElementsByTagName_r(name) NodeList 返回文档中所有匹配的元素的集合
    4. createElement_x(name) Node Node
    5. createTextNode(text) Node 创建一个纯文本结点
    6. ownerDocument Document 指向这个节点所属的文档
    7. documentElement Node 返回html节点
    8. document.body Node 返回body节点
    9. element方法:
    10. getAttribute(attributeName) String 返回指定属性的值
    11. setAttribute(attributeName,value) String 给属性赋值
    12. removeAttribute(attributeName) String 移除指定属性和它的值
    13. getElementsByTagName_r(name) NodeList 返回结点内所有匹配的元素的集合
    14. node方法:
    15. appendChild(child) Node 给指定结点添加一个新的子结点
    16. removeChild(child) Node 移除指定结点的子结点
    17. replaceChild(newChild,oldChild) Node 替换指定结点的子结点
    18. insertBefore(newChild,refChild) Node 在同一层级的结点前面插入新结点
    19. hasChildNodes() Boolean 如果结点有子结点则返回true
    20. node属性:
    21. nodeName String 以字符串的格式存放结点的名称
    22. nodeType String 以整型数据格式存放结点的类型
    23. nodeValue String 以可用的格式存放结点的值
    24. parentNode Node 指向结点的父结点的引用
    25. childNodes NodeList 指向子结点的引用的集合
    26. firstChild Node 指向子结点结合中的第一个子结点的引用
    27. lastChild Node 指向子结点结合中的最后一个子结点的引用
    28. previousSibling Node 指向前一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null
    29. nextSibling Node 指向后一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null

JS dom最常用API的更多相关文章

  1. DOM BOM 常用API小记

    DOM 1.元素节点: 元素节点element: 更精确的获得元素的标签名(全大写) 属性节点attribute: 属性名 文本节点text: #text 注释节点document:#document ...

  2. JS基础:常用API

    全局属性 typeof() 检测数据类型 parseInt() 从字符串解析一个整数 parseFloat() 从字符串解析一个小数 Number() 强制类型转换为数字 String() 强制类型转 ...

  3. js dom 的常用属性和方法

    1.对象集合:      (1).all[];      (2).images[];      (3).anchors[];      (4).forms[];      (5).links[];   ...

  4. jquery 常用api 小结2

    *一)jQuery常用方法API实战 (1)DOM简述与分类 A)DOM是一种标准,它独立于平台,语言,浏览器. B)如果项目中,你完全按照DOM标准写代码,你就能在各大主流的浏览器中操作标准控件. ...

  5. JS操作DOM常用API总结

    <JS高程>中的DOM部分写的有些繁琐,还没勇气整理,直到看到了这篇博文 Javascript操作DOM常用API总结,顿时有了一种居高临下,一览全局的感觉.不过有时间还是得自己把书里面的 ...

  6. 【repost】Javascript操作DOM常用API总结

    Javascript操作DOM常用API总结 文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认 ...

  7. node.js整理 02文件操作-常用API

    NodeJS不仅能做网络编程,而且能够操作文件. 拷贝 小文件拷贝 var fs = require('fs'); function copy(src, dst) { fs.writeFileSync ...

  8. js的常用api

    JavaScript常用API总结 原创 2016-10-02 story JavaScript 下面是我整理的一些JavaScript常用的API清单. 目录 元素查找 class操作 节点操作 属 ...

  9. immutable.js 在React、Redux中的实践以及常用API简介

    immutable.js 在React.Redux中的实践以及常用API简介 学习下 这个immutable Data 是什么鬼,有什么优点,好处等等 mark :  https://yq.aliyu ...

随机推荐

  1. SecureCRT发送键盘按键对应表(转义字符)

    \r 发送回车(CR) \n 发送换行符(LF) \b 发送退格 \e 发送一个转义 \t 发送一个标签 \\ 发送一个反斜杠字符 \v 将剪贴板的内容粘贴到活动状态会话窗口 \p 暂停一秒钟

  2. 【redis】redis实现API接口调用调用次数的限制

    redis实现API接口调用调用次数的限制 参考地址:https://bbs.csdn.net/topics/391856106?page=1 参考地址:https://www.cnblogs.com ...

  3. Vagrant + PHPStorm 使用 Xdebug

    PHPStorm设置 打开您的项目,一旦打开,转到首选项并在语言和框架> PHP分支下查找解释器. 使用解释器旁边的三个点按钮[...]添加一个新的解释器,这将打开一个新的选项窗口. 在新窗口的 ...

  4. CSS 属性选择器的深入挖掘

    CSS 属性选择器,可以通过已经存在的属性名或属性值匹配元素. 属性选择器是在 CSS2 中引入的并且在 CSS3 中得到了很好拓展.本文将会比较全面的介绍属性选择器,尽可能的去挖掘这个选择器在不同场 ...

  5. 经验分享 | Burpsuite抓取非HTTP流量

    使用Burp对安卓应用进行渗透测试的过程中,有时候会遇到某些流量无法拦截的情况,这些流量可能不是HTTP协议的,或者是“比较特殊”的HTTP协议(以下统称非HTTP流量).遇到这种情况,大多数人会选择 ...

  6. Oracle数据泵远程导入文件到本地数据库

    --以dba身份登录 C:\Users\Administrator>sqlplus / as sysdba --创建用户 SQL> create user bfzg0828 identif ...

  7. 【前端阅读】——《JavaScript入门经典》摘记之JavaScript与XML

    前言:这本书除了基础的JavaScript理论体系之外,有一个特别的章节,就是讲解——JavaScript与XML的关系,从中,我更进一步的了解了XML的基础.创建.显示以及使用JavaScript如 ...

  8. 2016.6.20 tomcat安装出现No Java Virtual Machine found in..

    安装tomcat时,选择安装路径为自定义路径,但是出现提示: No Java Virtual Machine found in.. 心想这和java虚拟机什么关系啊.百度了之后发现,安装过程中有一步是 ...

  9. dubbo应用程序的单元测试环境搭建(springtest,powermock,mockito)

    转:http://blog.csdn.net/yys79/article/details/66472797 最近,项目中频繁用到dubbo,而且java工程用引用了几十个关联系统的服务(如用户认证,基 ...

  10. 25. Spring Boot使用自定义的properties【从零开始学Spring Boot】

    转:http://blog.csdn.net/linxingliang/article/details/52069515 spring boot使用application.properties默认了很 ...