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 ...
随机推荐
- apache url rewrite问题
apache RewriteEngine Your browser sent a request that this server could not understand http://www.ra ...
- hosts不支持泛解析
hosts不支持泛解析,只能是一个域名对应一个IP. 如果想要实现只能用一些第三方的DNS软件做解析.
- [转] 使用SVN进行源码管理
原文地址:gyzhao's, 使用SVN进行源码管理(下) 软件下载 1. Viusal SVN, Download(官网),安装该软件之前,请先安装TortoiseSVN,Download. 2. ...
- 开源日历TimesSquare在iOS7下诡异渲染的解决办法
因为没有时间自己写一个日历,所以暂时使用了一个三方的日历https://github.com/square/objc-TimesSquare 但是在iOS7下.突然产生了一个诡异的BUG..如下图: ...
- Auto-Test 要点纪录(一)
1,select下拉框类型 使用工具可以看到html对应标签为<select>这类标签才是真正的下拉框类型就需要对应的方法,不能但看页面上的效果,有的做成了效果但其实不是select类型即 ...
- Git历险记(四)——索引与提交的幕后故事
我想如果看过<Git历险记>的前面三篇文章的朋友可能已经知道怎么用git add,git commit这两个命令了:知道它们一个是把文件暂存到索引中为下一次提交做准备,一个创建新的提交(c ...
- CentOS下iptables 配置详解
如果你的IPTABLES基础知识还不了解,建议先去看看. 开始配置 我们来配置一个filter表的防火墙. (1)查看本机关于IPTABLES的设置情况 [root@tp ~]# iptables - ...
- Esper epl语句实验
基础代码见下,下文列举的实验都是在此程序基础上改动. all,snapshot,first String epl = "select * from appTable.win:time(5 s ...
- C++必知必会(1)
条款1数据抽象 抽象数据类型的用途在于将变成语言扩展到一个特定的问题领域.一般对抽象数据类型的定义须要准训下面步骤: 1. 为类型取一个描写叙述性的名字 2. 列出类型所能运行的操作 ...
- 【经验】使用Profiler工具分析内存占用情况
Unity3D为我们提供了一个强大的性能分析工具Profiler.今天我们就使用Profiler来具体分析一下官方样例AngryBots的内存使用信息数据. 首先打开Profiler选择Memory选 ...