以下是取得集合,取得单个元素,取消红色"s"

Document.getElementsByName("some") //IE无效
Document.getElementsByTagName("a")
Document.getElementsByID("a")
Document.getElementsByClassName("a")  //IE无效
Document.links //所有URL集合
Document.All  //所有元素集合  
Document.All  //所有元素集合    .Length属性为集合数量
Object.ChildNodes  //子元素集合,不包含子元素的子元素
Object.parentNode //父节点
Object.parentElement //父节点(仅IE)
Object.firstChild   //第一个子节点
Object.lastChild   //最后一个子节点
Object.nextSibling  //返回同级的下一个节点
Object.previousSibling   //返回同级的上一个节点

===================================================

元素对象 element
•属性
•Node.baseURI
•Node.childNodes
•Node.firstChild
•Node.lastChild
•Node.nextSibling
•Node.nodeName
•Node.nodeType
•Node.parentNode
•Node.previousSibling
•Node.textContent
•element.childElementCount
•element.children
•element.classList
•element.className
•element.clientHeight
•element.clientLeft
•element.clientTop
•element.clientWidth
•element.firstElementChild
•element.id
•element.innerHTML
•element.lastElementChild
•element.name
•element.nextElementSibling
•element.offsetHeight
•element.offsetLeft
•element.offsetParent
•element.offsetTop
•element.offsetWidth
•element.previousElementSibling
•element.scrollHeight
•element.scrollLeft
•element.scrollTop
•element.scrollWidth
•element.style
•element.title
•方法
•element.addEventLisener(t_str, f, b)
•Node.appendChild(c)
•Node.cloneNode(b)
•Node.hasAttributes()
•Node.hasChildNodes()
•Node.insertBefore(n, r)
•Node.isEqualNode(a)
•Node.isSameNode()
•Node.removeChild(c)
•Node.replaceChild(c)
•element.getAttribute(n)   //.getAttribute("name") 获取元素的name属性
•element.getAttributeNode(n)
•element.getElementsByTagName(n)
•element.hasAttribute(n)
•element.removeAttribute(n)
•element.setAttribute(n, v)

HTML-DOM零碎的更多相关文章

  1. 【zepto学习笔记02】零碎点

    前言 上次我们看了zepto的选择器方面的东西,其实zepto简单很大程度是因为他用了最新的检索器querySelectorAll,今天我们来学习下zepto的一些零碎点的地方吧,主要根据zepto官 ...

  2. 操作dom获取datatable中的某一行的某一列的数据

    需求描述:编辑的时候,点击的那一行,进入后台的验证方法,验证通过后,再进入编辑页面,进入的时候需要把本行<tr>数据中的某一列<td>的值传递过去 思路表述:之前我想的是,给列 ...

  3. [react] 什么是虚拟dom?虚拟dom比操作原生dom要快吗?虚拟dom是如何转变成真实dom并渲染到页面的?

    壹 ❀ 引 虚拟DOM(Virtual DOM)在前端领域也算是老生常谈的话题了,若你了解过vue或者react一定避不开这个话题,因此虚拟DOM也算是面试中常问的一个点,那么通过本文,你将了解到如下 ...

  4. 关于DOM的操作以及性能优化问题-重绘重排

     写在前面: 大家都知道DOM的操作很昂贵. 然后贵在什么地方呢? 一.访问DOM元素 二.修改DOM引起的重绘重排 一.访问DOM 像书上的比喻:把DOM和JavaScript(这里指ECMScri ...

  5. 读书笔记:JavaScript DOM 编程艺术(第二版)

    读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Nets ...

  6. 页面嵌入dom与被嵌入iframe的攻防

    1.情景一:自己的页面被引入(嵌入)至别人的页面iframe中 if(window.self != window.top){ //url是自己页面的url window.top.location.hr ...

  7. 通俗易懂的来讲讲DOM

    DOM是所有前端开发每天打交道的东西,但是随着jQuery等库的出现,大大简化了DOM操作,导致大家慢慢的“遗忘”了它的本来面貌.不过,要想深入学习前端知识,对DOM的了解是不可或缺的,所以本文力图系 ...

  8. HTML DOM 介绍

    本篇主要介绍DOM内容.DOM 节点.节点属性以及获取HTML元素的方法. 目录 1. 介绍 DOM:介绍DOM,以及对DOM分类和功能的说明. 2. DOM 节点:介绍DOM节点分类和节点层次. 3 ...

  9. HTML DOM 对象

    本篇主要介绍HTML DOM 对象:Document.Element.Attr.Event等4个对象. 目录 1. Document 对象:表示文档树的根节点,大部分属性和方法都是对元素进行操作. 2 ...

  10. 重撸js_2_基础dom操作

    1.node 方法 返回 含义 nodeName String 获取节点名称 nodeType Number 获取节点类型 nodeValue String 节点的值(注意:文本也是节点) 2.inn ...

随机推荐

  1. Visual Studio Code 1.0发布:100+语言,300+pull请求,1000+扩展

    在第一个预览版发布一年后,微软发表了Visual Studio Code 1.0. 在//BUILD 2015大会上,微软宣布,他们的一个团队需要几个月来创建Visual Studio Code的第一 ...

  2. hdu 4277 2012长春赛区网络赛 dfs+hashmap ***

    hashmap判重大法好 #include<cstdio> #include<iostream> #include<algorithm> #include<c ...

  3. 第四篇:SOUI资源文件组织

    什么是资源? 现代的软件只要有UI,基本上少不了资源. 资源是什么?资源就是在程序运行时提供固定的数据源的文件. 在MFC当道的时代,资源一般就是位图(Bitmap),图标(Icon),光标(Curs ...

  4. C++重载覆盖隐藏

    写一个程序,各写出重载覆盖 1 // // main.cpp // 2013-7-17作业2 // // Created by 丁小未 on 13-7-17. // Copyright (c) 201 ...

  5. 一个json字符串

    { "area": [{ "flag": "Y", "ishot": "N", "lag& ...

  6. NSFileManager 的基本使用方法

    本方法已有个人总结, int main(int argc, const char * argv[]) { @autoreleasepool { NSString *path=@"/Users ...

  7. PHPExcel设置数据格式的几种方法

    转自:http://www.cnblogs.com/guangxiaoluo/archive/2013/11/19/3431846.html 解决 PHPExcel 长数字串显示为科学计数 在exce ...

  8. Linux查看系统配置常用命令

    Linux查看系统配置常用命令: 系统 # uname -a # 查看内核/操作系统/CPU信息# head -n 1 /etc/issue # 查看操作系统版本# cat /proc/cpuinfo ...

  9. JQuery解析json数据

    <script> var data ="{" + "root:[" + "{name:'1',value:'0'}," + &q ...

  10. Oracle常用命令

    查看数据库锁的情况 SELECT object_name, machine, s.sid, s.serial#  FROM gv$locked_object l, dba_objects o, gv$ ...