html的attribute和js的property

最新推荐文章于 2025-08-23 15:32:34 发布

原创最新推荐文章于 2025-08-23 15:32:34 发布 · 150 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #js #attribute #property

前端专栏收录该内容

123 篇文章

订阅专栏

本文深入探讨了HTML属性（attribute）与JS对象属性（property）的区别，解释了布尔值属性与非布尔值属性的概念，以及它们之间的同步关系。强调用户操作的是property，而浏览器识别的也是property。

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

个人blog，欢迎关注加收藏

1.什么是attribute，什么是property

html标签的预定义和自定义属性我们统称为attribute
js原生对象的直接属性，我们统称为property

2.什么是布尔值属性，什么是非布尔值属性

property的属性值为布尔类型的  我们统称为布尔值属性
property的属性值为非布尔类型的  我们统称为非布尔值属性

3.attribute和property的同步关系

非布尔值属性：实时同步
布尔值属性：
	property永远都不会同步attribute
	在没有动过property的情况下
		attribute会同步property
	在动过property的情况下	
		attribute不会同步property

4.用户操作的是property

5.浏览器认的是property

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

八月的猪猪

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

javascript中attribute和property的区别详解

10-25

在JavaScript中，`attribute` 和 `property` 是两个与DOM元素相关的概念，它们虽然有所关联，但具有明显的差异。理解这两个概念的区别对于JavaScript开发者来说至关重要，尤其是对于新手来说，混淆这两个概念是常见...

JavaScript中property和attribute的区别详细介绍

10-24

主要介绍了JavaScript中property和attribute的区别详细介绍,本文总结了定义、相同这处、不同之处、浏览器兼容性上的差别等内容,并建议优先选择property,需要的朋友可以参考下

参与评论您还未登录，请先登录后发表或查看评论

HTML中的ATTRIBUTE 和 PROPERTY

2301_79644036的博客

04-26

424

在 HTML DOM（文档对象模型）中，每个 HTML 元素都对应一个 JavaScript 对象，这个对象具有与元素相关的属性。这些属性提供了对元素的动态访问和修改能力。属性（Attribute）通常以 HTML 标签的形式出现，作为标签的一部分，用于指定元素的初始状态。在 HTML 中，属性（Attribute）和属性（Property）是用于描述 HTML 元素的相关特性的术语。- 属性（Property）是通过 JavaScript 对象来表示元素的特性，提供了对元素的动态访问和修改能力。

HTML5特性---＞Property和Attributes

Ghost__H的博客

03-04

1190

正在学习HTML5的新特性,博客记录之目录 1.引子 2.HTML的property和attribute 1.什么是attribute? 2.什么是property? 3.property和attribute的同步问题 1.非布尔值的同步问题 2.布尔值属性的同步 4.浏览器认谁？ 5.用户操作的是谁？ 6.总结 1.什么是attribute，什么是property 2.什么是布尔值属性，什么是非布尔值属性 3.attribute和proper...

HTML中的property和attribute区别

LaiDeJi_的博客

10-29

421

HTML中的property和attribute区别 property和attribute的区别： property /* * property： * 就是js代码中whc的属性值 * */ var whc = { name: "whc", height: "180" } attribute  <input typ

HTML Attribute和Property的区别

太阳当空照，花儿对我笑，微风轻轻拂，心情无限好。

06-25

490

attribute是XML元素中的概念，用于描述XML标签的附加信息，即XML标签的属性，property是JavaScript对象中的概念，用于描述JavaScript对象的成员，即JavaScript对象的属性。

HTML property 和 attribute 的区别

2007 年 ~ 2025 年，深耕 SAP 技术 18 年

01-09

624

前端编程里，property 和 attribute 是一对极容易混淆的术语。 Angular 的属性绑定语法： <img [src]="itemImageUrl"> 上例中括号里的 src，是 img element 的属性，也就是属性绑定的目标属性。所谓目标属性，就是我们期望进行赋值的 DOM 属性。在 Angular 属性绑定的英文文档里，有这样一句话： In most cases, the target name is the name of a property, even wh

HTML attribute 和 DOM property

IT博客技术分享

06-24

820

在大多数的文章中，attribute 一般被翻译为“特性”，property 被译为“属性”。 TLDR; HTML attribute DOM property 值永远是字符串或null 值可以是任意合法 js 类型大小写不敏感大小写敏感不存在时: 如果是标准属性, 返回""; 如果是非标准属性, 返回null 不存在是返回undefined...

JS中attribute和property的区别

hdxx2022的博客

10-13

201

这是由于，每一个DOM对象都会有它默认的基本属性，而在创建的时候，它只会创建这些基本属性，我们在TAG标签中自定义的属性是不会直接放到DOM中的。此时，页面中的输入栏的值变成了“new value of prop”，而propety中的value也变成了新的值，但attributes却仍然是“1”。可以发现有一个名为“attributes”的属性，类型是NamedNodeMap，同时有“id”和“className”、”title“等基本的属性，但没有“titles”这个自定义的属性。

JavaScript中的property和attribute介绍

10-28

在前端开发的世界里，JavaScript是一种不可或缺的编程语言，其中对于property和attribute的理解和使用尤为重要。本文将详细介绍JavaScript中的property和attribute，并通过代码示例来展示两者之间的差异和用法。 ...

JS中DOM元素的attribute与property属性示例详解

10-18

在JavaScript中，DOM（Document Object Model）元素的attribute和property是两个不同的概念，它们之间有着密切的联系，但也有明显的区别。了解这两者的差异对于进行前端开发至关重要。首先，attribute是指HTML标签...

HTML 的 attribute 和 JS 的 property 的异同详解

lalalala~

10-26

1191

同样是获得 element 的 style 属性,有两种方式 el.style 和 el.getAttribute(‘style’) 。前者我们叫 style 是 el 的 property ,后者我们叫style 是 el 的 attribute。 attribute attribute 是HTML DOM 对象自带（特有）的属性，在 html 中显式的设置，例如 id，class ，value...

【前端面试题✨】HTML 篇（一）

最新发布

2301_77798916的博客

08-23

595

HTML第三次作业

2301_81538927的博客

08-13

1542

【代码】html第三次作业。

如何在DHTMLX Scheduler中实现带拖拽的任务待办区（Backlog）

开发者效率提升工具的博客

08-21

1177

为了满足 DHTMLX Scheduler 用户的实际业务需求，本文将展示如何在 JavaScript 日程组件中实现“带拖拽的任务待办区（Backlog）”。这一功能让用户可以像物业管理系统那样，通过简单的拖拽操作将任务分配到时间轴上的合适位置，大幅提升排程效率与体验。

贪吃蛇游戏（纯HTML）

地上一の鹅的博客

08-21

942

【黑客技术零基础入门】硬核科普什么是HTML&HTML基本结构以及HTML基本使用（非常详细）零基础入门到精通，收藏这一篇就够了！

AUG2468的博客

08-21

878

【HTML入门学习指南】本文介绍网络安全学习中HTML的基础知识，重点包括：1）HTML文档结构（DOCTYPE、html、head、body标签）；2）开发工具推荐（VS Code操作演示）；3）核心标签用法：头部元素（title、meta）、主体内容（文本样式、背景设置等）。通过示例详解标签属性，如charset字符编码、viewport移动适配等。学习目标为掌握HTML基础并实现登录/上传页面开发。文末附网络安全学习资源包获取方式。

HTML--pre标签的作用

IT利刃出鞘的博客

08-20

342

本文介绍HTML里pre标签的作用。元素表示预定义格式文本。里边的文本会保留原格式，以等宽字体的形式展现出来，文本中的空白符（比如空格和换行符）都会显示出来。(紧跟在开始标签后的换行符会被省略)。

html页面打水印效果

weixin_42471170的博客

08-18

568

body{ position: relative; }body::after { content: “”; /* 水印文字 / position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999; pointer-events: none; / 允许点击穿透 */ }

property和attribute的区别

06-06

property和attribute都是描述对象特征的词汇，但它们有一些不同之处。在HTML中，attribute是指HTML标签中的属性，例如id、class、src等。这些属性是在HTML文档中定义的，并且可以通过JavaScript来访问和修改。而...