html属性是dom属性吗,HTML DOM 属性 对象

这篇博客详细介绍了HTML DOM中的属性对象和节点操作,包括Attr对象代表HTML属性,NamedNodeMap对象用于无序节点列表访问。文章强调了Attr对象不再从节点对象继承属性和方法,并列举了应避免使用的Attr对象的方法。此外,还提到了DOM中的Document对象和元素对象的相关属性和方法,以及如何通过JavaScript操作DOM节点。内容适用于前端开发者深入理解DOM操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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 中的节点。

浏览器支持

c545b70482d2466953b438db01e0a585.gif

d17f378e7470456181f73f6be207555c.gif

558fdc7be8ecbca8fdabb2521c9be5f1.gif

dd284e5771e3c555f3c76055d02cd48d.gif

f7520f5765a96744860f0949df3260ef.gif

所有主流浏览器都支持 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.youkuaiyun.com/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世界里中一个点向一个方向发射的一条无终点的线.在发射的过程中,一旦与其它对象发生碰撞,就停止发射. 射线的原理 创建一个射线时,首先须要知道射线的起点和 ...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值