HTML DOM 属性 对象

HTML DOM 节点

在 HTML DOM (Document Object Model) 中, 所有的都是 节点：

文档是文档节点

所有 HTML 元素是元素节点

所有 HTML 属性都是属性节点

插入到 HTML 元素中的文本为文本节点

注释是注释节点

Attr 对象

在 HTML DOM 中, Attr 对象 代表一个 HTML 属性。

HTML属性总是属于HTML元素。

NamedNodeMap 对象

在 HTML DOM 中, the NamedNodeMap 对象 表示一个无顺序的节点列表。

我们可通过节点名称来访问 NamedNodeMap 中的节点。

浏览器支持

所有主流浏览器都支持 Attr 对象和 NamedNodeMap 对象。

属性 / 方法

描述

果属性是 ID 类型，则 isId 属性返回 true，否则返回 false。

如果属性被指定返回 true ，否则返回 false

返回节点列表中处于指定索引号的节点。

DOM 4 警告 !!!

在 W3C DOM 内核中, Attr (属性) 对象继承节点对象的所有属性和方法 。

在 DOM 4 中, Attr (属性) 对象不再从节点对象中继承。

从长远的代码质量来考虑，在属性对象中你需要避免使用节点对象属性和方法:

属性 / 方法

避免原因

attr.appendChild()

属性没有子节点

attr.attributes

属性没有属性

attr.baseURI

使用 document.baseURI 替代

attr.childNodes

属性没有子节点

attr.cloneNode()

使用 attr.value 替代

attr.firstChild

属性没有子节点

attr.hasAttributes()

属性没有属性

attr.hasChildNodes

属性没有子节点

attr.insertBefore()

属性没有子节点

attr.isEqualNode()

没有意义

attr.isSameNode()

没有意义

attr.isSupported()

通常为 true

attr.lastChild

属性没有子节点

attr.nextSibling

属性没有兄弟节点

attr.nodeName

使用 attr.name 替代

attr.nodeType

通常为 2 (ATTRIBUTE-NODE)

attr.nodeValue

使用 attr.value 替代

attr.normalize()

属性没有规范

attr.ownerDocument

通常为你的 HTML 文档

attr.ownerElement

你用来访问属性的 HTML 元素

attr.parentNode

你用来访问属性的 HTML 元素

attr.previousSibling

属性没有兄弟节点

attr.removeChild

属性没有子节点

attr.replaceChild

属性没有子节点

attr.textContent

使用 attr.value 替代

HTML DOM Document对象 元素对象 属性对象 事件对象

DOM Document对象 DOM 元素 对象 DOM 属性 对象 DOM 事件 菜鸟教程上 总结挺全的,就不多废话,链接点进去即可.. 后期对经常用到的会在此更新一些总结..... 开学了...自 ...

DOM元素对象的属性和方法(1)

一.accessKey() 作用:获取元素焦点快捷键:设置快捷键后,使用Alt+快捷键,让元素快速获得焦点,

Js位置与大小(1)——正确理解和运用与尺寸大小相关的DOM属性

在web开发中,不可避免遇到要计算元素大小以及位置的问题,解决这类问题的方法是利用DOM提供的一些API结合兼容性处理来,所有内容大概分3篇左右的文章的来说明.本文作为第一篇,介绍DOM提供的与尺寸大 ...

HTML DOM 元素对象

HTML DOM 元素对象 HTML DOM 节点 在 HTML DOM (Document Object Model) 中, 每个东西都是 节点 : 文档本身就是一个文档对象 所有 HTML 元素都 ...

HTML DOM Document 对象

HTML DOM Document 对象 HTML DOM 节点 在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点: 文档是一个文档. 所有的HTML ...

DOM – (w3school)1.DOM 方法 + 2.DOM属性 + 3.DOM 元素

1.DOM 方法   一些 DOM 对象方法 这里提供一些您将在本教程中学到的常用方法: 方法 描述 getElementById() 返回带有指定 ID 的元素. getElementsByTa ...

DOM创建和删除节点、HTML DOM常用对象[转]

创建和删除节点:——核心DOM   1. 创建单个元素节点:3步:      1. 创建空元素节点对象:         var elem=document.createElement("标 ...

JavaScript 节点操作Dom属性和方法(转)

JavaScript 节点操作Dom属性和方法   一些常用的dom属性和方法,列出来作为手册用. 属性:   1.Attributes 存储节点的属性列表(只读)   2.childNodes 存储 ...

随机推荐

Javascript并发模型和事件循环

Javascript并发模型和事件循环 JavaScript的"并发模型"是基于事件循环的,这个并发模型有别于Java的多线程, javascript的并发是单线程的. Javas ...

(转载)SQL— CONCAT(字符串连接函数)

有的时候,我们有需要将由不同栏位获得的资料串连在一起.每一种资料库都有提供方法来达到这个目的: MySQL: CONCAT() Oracle: CONCAT(), || SQL Server: + C ...

Sharepoint学习笔记—习题系列--70-576习题解析 -(Q32-Q35)

Question 32 You are designing the modification of an existing SharePoint 2010 intranet site for a sc ...

在ROS下编写自己的节点来订阅话题(C++)

参考 http://blog.csdn.net/u013453604/article/details/49102957     的博客,其实这些内容和 这本书差不多 ...

win7旗舰版梦幻主题补丁~完美你的桌面

随着VISTA和WIN7的逐渐普及,你是否想拥有一个与众不同的动态桌面呢~ Windows DreamScene属于Ultimate Extras的组件之一,而Ultimate Extras是专门为W ...

inline-block去掉空白距离的方法

一.现象描述:inline-block形式水平呈现的元素,换行显示或空格分割的情况下,元素之间会有间距,实例如下: 使用CSS将行内元素的display设置为inline-block时,也会出现间隔: ...

c# 解决IIS写Excel的权限问题

c# 解决IIS写Excel的权限问题 from: http://www.jb51.net/article/31473.htm 发布:mdxy-dxy 字体:[增加 减小] 类型:转载 使用以上方法必 ...

WebActivatorEx

using System; using NLog; using System.Web.Optimization; [assembly: WebActivatorEx.PreApplicationSta ...

移动端解决fixed和input获取焦点软键盘弹出影响定位的问题

场景描述, 当document的高度不够window的高度时候,如在ip6中文档的高度比窗体的高度小,到底设计在最下方的区域没有在窗体最下方,就留有空白地方如下图的灰色部分 1. 解决初始化文档高度, ...

【Unity 3D】学习笔记四十：射线

射线 射线,类比的理解就是游戏中的子弹.是在3D世界里中一个点向一个方向发射的一条无终点的线.在发射的过程中,一旦与其它对象发生碰撞,就停止发射. 射线的原理 创建一个射线时,首先须要知道射线的起点和 ...