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 ...
随机推荐
- oracle查询、删除表中相同的数据
delete FROM tablename a WHERE rowid > ( SELECT min(rowid) FROM tablename b WHERE b.id = a.id and ...
- doviceone- http组件进行webservice的POST请求
var http = mm("do_Http"); http.method = "POST"; // GET | POST http.timeout = 100 ...
- DIV相对于父DIV底部对齐的实现方法
代码如下 <style type="text/css"> .box1 {border:1px #cccccc solid; width:500px; height:60 ...
- testNG配置dataSource多数据源
spring的XML配置好之后,运行testNG还会出问题. 搞定代码如下: /** * 基于Spring的服务层测试超类 * * @author chief */ @ContextConfigura ...
- JAVA Eclipse的Android文件结构是怎么样的
默认res目录下面存放了界面需要的布局和图片文件,之所以图片分为hdpi,ldpi,mdpi这些,是为了不同的设备准备的(高/中/低分辨率的图片) Bin目录类似于VS的debug或者releas ...
- js 解析json字符串
server端返回的数据例如以下: {"list":[{"id":1,"name":"汉族"},{"id&qu ...
- Mongo-Hadoop
下载 https://github.com/mongodb/mongo-hadoop/releases 解压到/home/kevin/hadoop/hadoop/share/mongo-hadoop- ...
- Windows下Tomcat+nginx配置证书实现登录页https访问
最近公司出于安全考虑,需要将登录页做成https访问,其他页面仍采用http访问,环境是Linux平台,web服务器采用Tomcat + Nginx.之前没接触过nginx,这两天网上查资料,试了好多 ...
- 封装CLLocationManager定位获取经纬度
创建调用方法,在.h文件里 #import <Foundation/Foundation.h> @interface RMMapLocation : NSObject { void (^s ...
- ROR部署到Heroku出现Application Error和code=H10 desc="App crashed“问题
1.问题发现之前的准备 在读<Learn Python In Hard Way>的时候,发现作者谈到一个非常有趣的事情,在做一些有趣的事情之前做的无聊的事情叫做yak shaving,牦牛 ...