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 ...
随机推荐
- saltstack安装+基本命令
环境: node1:172.16.1.60 OS:centos 7.3 master hostname:centos7u3-1 node2:172.16.1.61 OS:centos 7.3 mini ...
- ImportError: cannot import name patterns
The use of patterns is deprecated in Django1.10. Therefore do not import 'patterns' and your url pat ...
- mysql赋给用户权限grant all privileges on
查看mysql用户表的结构,Field项都是各类权限限制 Host限制登录的IP,User限制登录的用户,Delete_priv限制删除权限,Grant_priv限制权限授予,Super_priv为超 ...
- linux代理设置
http_proxy:http协议使用代理服务器地址:https_proxy:https协议使用安全代理地址:ftp_proxy:ftp协议使用代理服务器地址:user:代理使用的用户名:passwo ...
- ZOJ - 3228 Searching the String (AC自己主动机)
Description Little jay really hates to deal with string. But moondy likes it very much, and she's so ...
- 使用eclipse搭建maven多module项目(构建父子项目)
创建空maven项目 File–>new–>project… 2.next 3.next 4.finish 5.配置pom.xml <project xmlns="http ...
- 使用Unitils测试DAO层
Spring 的测试框架为我们提供一个强大的测试环境,解决日常单元测试中遇到的大部分测试难题:如运行多个测试用例和测试方法时,Spring上下文只需创建一次:数据库现场不受破坏:方便手工指定Sprin ...
- 【工具类】Date、Long、String 类型互转
开发常常遇到Date.Long.String 三种类型数据须要互转的问题.以此记录. public static void main(String[] args) throws ParseExcept ...
- UNP学习笔记(第六章 I/O复用)
I/O模型 首先我们将查看UNIX下可用的5种I/O模型的基本区别: 1.阻塞式I/O 2.非阻塞式I/O 3.I/O复用(select和poll) 4.信号驱动式I/O(SIGIO) 5.异步I/O ...
- UNP学习笔记(第一章 简介)
环境搭建 1.下载解压unpv13e.tar.gz 2.进入目录执行 ./configurecd lib //进入lib目录make //执行make命令 3.将生成的libunp.a静态库复制到/u ...