JS dom最常用API
//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);
----------------------------------------------------------------------------
- document方法:
- getElementById(id) Node 返回指定结点的引用
- getElementsByTagName_r(name) NodeList 返回文档中所有匹配的元素的集合
- createElement_x(name) Node Node
- createTextNode(text) Node 创建一个纯文本结点
- ownerDocument Document 指向这个节点所属的文档
- documentElement Node 返回html节点
- document.body Node 返回body节点
- element方法:
- getAttribute(attributeName) String 返回指定属性的值
- setAttribute(attributeName,value) String 给属性赋值
- removeAttribute(attributeName) String 移除指定属性和它的值
- getElementsByTagName_r(name) NodeList 返回结点内所有匹配的元素的集合
- node方法:
- appendChild(child) Node 给指定结点添加一个新的子结点
- removeChild(child) Node 移除指定结点的子结点
- replaceChild(newChild,oldChild) Node 替换指定结点的子结点
- insertBefore(newChild,refChild) Node 在同一层级的结点前面插入新结点
- hasChildNodes() Boolean 如果结点有子结点则返回true
- node属性:
- nodeName String 以字符串的格式存放结点的名称
- nodeType String 以整型数据格式存放结点的类型
- nodeValue String 以可用的格式存放结点的值
- parentNode Node 指向结点的父结点的引用
- childNodes NodeList 指向子结点的引用的集合
- firstChild Node 指向子结点结合中的第一个子结点的引用
- lastChild Node 指向子结点结合中的最后一个子结点的引用
- previousSibling Node 指向前一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null
- nextSibling Node 指向后一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null
JS dom最常用API的更多相关文章
- DOM BOM 常用API小记
DOM 1.元素节点: 元素节点element: 更精确的获得元素的标签名(全大写) 属性节点attribute: 属性名 文本节点text: #text 注释节点document:#document ...
- JS基础:常用API
全局属性 typeof() 检测数据类型 parseInt() 从字符串解析一个整数 parseFloat() 从字符串解析一个小数 Number() 强制类型转换为数字 String() 强制类型转 ...
- js dom 的常用属性和方法
1.对象集合: (1).all[]; (2).images[]; (3).anchors[]; (4).forms[]; (5).links[]; ...
- jquery 常用api 小结2
*一)jQuery常用方法API实战 (1)DOM简述与分类 A)DOM是一种标准,它独立于平台,语言,浏览器. B)如果项目中,你完全按照DOM标准写代码,你就能在各大主流的浏览器中操作标准控件. ...
- JS操作DOM常用API总结
<JS高程>中的DOM部分写的有些繁琐,还没勇气整理,直到看到了这篇博文 Javascript操作DOM常用API总结,顿时有了一种居高临下,一览全局的感觉.不过有时间还是得自己把书里面的 ...
- 【repost】Javascript操作DOM常用API总结
Javascript操作DOM常用API总结 文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认 ...
- node.js整理 02文件操作-常用API
NodeJS不仅能做网络编程,而且能够操作文件. 拷贝 小文件拷贝 var fs = require('fs'); function copy(src, dst) { fs.writeFileSync ...
- js的常用api
JavaScript常用API总结 原创 2016-10-02 story JavaScript 下面是我整理的一些JavaScript常用的API清单. 目录 元素查找 class操作 节点操作 属 ...
- immutable.js 在React、Redux中的实践以及常用API简介
immutable.js 在React.Redux中的实践以及常用API简介 学习下 这个immutable Data 是什么鬼,有什么优点,好处等等 mark : https://yq.aliyu ...
随机推荐
- Maven出现错误No plugin found for prefix 'jetty' in the current project and in the plugin groups的问题解决
只需在maven的setting.xml文件上加入如下节点: <pluginGroups> <pluginGroup>org.mortbay.jetty</pluginG ...
- PathInterpolator
PathInterpolator 在v4 support library:Revision 22.1.0的时候,Google在兼容库中增加了几个新的类,用于创建更加真实的动画效果. Added the ...
- MFC中 自定义类访问主对话框控件的方法
之前一直在找有木有好点的方法.现在终于被我找到,收藏之~~~~~~ 在使用mfc的时候经常遇到自定义类访问主对话框控件的问题,例如自定义类中的方法要输出一段字符串到主对话框的EDIT控件.控制对话框的 ...
- vim学习记录(转)
基本功 Vim有三种模式: 导航(navigation)模式. 这时候,字母就是上下左右键. 输入模式.这时候,你按字母键,才会输入字母. 命令模式.需要先输入":" 冒号,才会进 ...
- 2017.2.20 activiti实战--第一章--认识Activiti
学习资料:<Activiti实战> 第一章 认识Activiti 内容概览:讲解activiti的特点.接口概览.架构等基本信息. 1.3 Activiti的特点 1.使用mybatis ...
- IOS之怎样把自己开发的App安装到越狱的手机
场景: 有开发人员账号,能够把设备加到开发人员账号中,真机调试.如今须要打包,安装到的越狱手机上(此越狱手机没有加到开发人员账号中,另外公司的人). 常识: 没有越狱的话,最大的问题就是设备的签名,每 ...
- 安卓获取软硬件信息并上传给server(Socket实现)
首先,项目结构如图--A:分为client部分CheckInfo和server端CheckInfo_Server.CheckInfo获取手机信息(Mac,Cpu,内存,已安装软件信息等)并上传到ser ...
- HTML5 Canvas 绘制佛教万字
代码如下: <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Ty ...
- 每天5道面试题(二)java基础
说出Servlet的生命周期,并说出Servlet和CGI的差别 Servlet被server实例化后,容器执行其init方法,请求到达时执行其service方法,service方法自己主动派遣执行与 ...
- iOS 瀑布流封装
代码地址如下:http://www.demodashi.com/demo/12284.html 一.效果预览 功能描述:WSLWaterFlowLayout 是在继承于UICollectionView ...