【前端学习 - HTML（7）property和attribute的区别是什么】

于 2022-01-29 22:02:19 发布
阅读量976 收藏
点赞数
分类专栏： 前端 HTML 文章标签： 原型模式 html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_60364883/article/details/122748268
版权

1. property和attribute的区别是什么

  • attribute是HTML标签上的特性，它的值只能够是字符串;
  • property是DOM中的属性，是JavaScript里的对象;

简单的理解就是：

  • Attribute就是DOM节点自带的属性，例如html中常用的id、class、title、align等；
  • 而Property是这个DOM元素作为对象，其附加的内容，例如childNodes、firstChild等。

技巧： Property可以联想一下原型，原型本质上就是对象


 

宇六岁鸭
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JS中DOM元素的attribute与property属性示例详解
10-18
在JavaScript中，DOM（Document Object Model）元素的attribute和property是两个不同的概念，它们之间有着密切的联系，但也有明显的区别。了解这两者的差异对于进行前端开发至关重要。 首先，attribute是指HTML标签...
在HTML里，attribute和property有什么区别？
最新发布
Lee Chen的博客
09-16 681
总之，当你在JavaScript中与HTML元素交互时，通常更推荐使用Property，因为它们提供了更丰富、更动态的交互方式。但在某些情况下，特别是当你需要获取HTML源代码中的原始值时，使用Attribute可能更有意义。之间的区别是一个常见但容易混淆的概念。它们都与HTML元素有关，但它们在功能、用途和行为上有所不同。属性（Property）的行为是不同的。属性（Attribute）和。在上面的示例中，我们可以看到。
VUE2快速入门(六)---实例property(重点)
代码哈士奇的博客
11-30 8185
实例实例数据data父子传值props获取元素refs获取元素属性el实例属性options父实例parent根实例root插槽slots爷孙传值attrs重点★★★property自定义实例自定义实例方法使用场景全局引入js文件的某个方法全局引入整个js文件实例方法$watchdeep取消监听immediateemit VUE中也有很多实例，我们来讲一讲这些实例 实例 数据data 我们在组件中会定义数据 data() { return { text: "I,dog",
前端 -＞ Attribute和property的简单理解
rod0320的博客
01-06 631
Attribute:属性 就简单理解为是Html中才会出现的东西 <div id="div1" class="divClass" title="divTitle" title1="divTitle1"> </div> id,class,title,title1都是atribute 对应的值就是对应的value值 用getAttribute(‘id’)的时候就可以获取对应的value property:属性 就简单理解为是js等有对象的语言中的属性 var id =
attribute和property的区别
薛跳跳的博客
05-25 1723
property 和 attribute非常容易混淆，两个单词的中文翻译也都非常相近（property：属性，attribute：特性），但实际上，二者是不同的东西，属于不同的范畴。property是DOM中的属性，是JavaScript里的对象；attribute是HTML标签上的特性，它的值只能够是字符串；...
【译】详解HTML中property和attribute的区别
随风丶逆风的博客
04-22 1296
翻看Vue API文档时发现v-bind有一个修饰符.prop比较特殊: .prop - 作为一个 DOM property 绑定而不是作为 attribute 绑定。 文档还给了一个stack overflow上的问题差别在哪里？来解释，感觉高票答案通俗易懂，遂翻译一波。 译文 当编写一段HTML代码的时候，你可以在HTML标签上面定义attribute，当浏览器编译完HTML代码，会生成与...
详解HTML5 data-* 自定义属性
12-30
在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题，而且关于Attribute和Property的区别也让人十分头痛，在HTML5中添加了data-*的方式来自定义属性，所谓data-*实际上上就是data-...
最全前端面试题-4（js篇-上百篇题集整理1个月）
05-04
14. **attribute vs property**：`attribute`是HTML元素的特性，`property`是DOM对象的属性，两者并不完全同步。 15. **`use strict`**：启用严格模式，限制了一些可能导致错误的行为，提高代码质量，但也可能暴露...
jquery--API.HTML 帮助文档
04-10
例如，`$(element).html()`用于获取或设置元素的HTML内容，`$(element).attr("attribute")`用于处理元素的属性，而`$(element).css("property")`则可以操作元素的样式。 **三、jQuery事件处理** jQuery提供了简洁的...
jquery库文件1.4---2.1
09-14
3. **1.6版本**：引入了`.attr()`和`.prop()`方法来区分属性（attribute）和属性值（property），增强了DOM操作的准确性。 4. **1.7版本**：`.on()`方法替代了`.bind()`, `.delegate()`, `.live()`，成为统一的事件...
HTML中的attribute属性和JavaScript中的property属性的详解以及区别
热门推荐
01-11 2万+
一直没有搞懂attribute和property的区别，弄了个例子，总结了一下。 一、基本概念区别 attribute：是HTML标签上的某个属性，如id、class、value等以及自定义属性，它的值只能是字符串，关于这个属性一共有三个相关的方法，setAttribute、getAttribute、removeAttribute； 注意：在使用setAttribute的时候，该函数一定接收
HTML中的property和attribute区别
LaiDeJi_的博客
10-29 292
HTML中的property和attribute区别 property和attribute的区别： property /* * property： * 就是js代码中whc的属性值 * */ var whc = { name: "whc", height: "180" } attribute <!-- attribute： 就是html标签中input的属性值 --> <input typ
html标签的property属性,DOM元素的属性（property）和特性（attribute）
weixin_29688535的博客
06-04 615
从jQuery的prop()和attr()方法说开去jQuery中有两个获取DOM元素属性的方法：prop()和attr()，看似可以互相替换，但若搞不清这两个方法获取的到底是什么“属性”，有时就会出现令人困惑的结果。官方文档中，用了下面的例子来解释这两者的不同：操作结果elem.checkedtrue (Boolean) Will change with checkbox state$( ele...
Attribute和Property的区别
u013362969的博客
03-11 1万+
一：Attribute和Property的区别 1.含义区别 首先在定义上更准确的来说，Attribute和Property分别为特性和属性，作为区别。 其次，这样理解下来，我们知道Attribute就是DOM节点自带属性，例如我们在HTML中常用的id,class,src,title,alt等。而Property则是这个DOM元素作为对象，其附加的属性或者内容，例如childNodes，fir...
笔记 前端需要了解的attribute和property的区别
ygx_work的博客
05-24 925
定义 Property：属性，所有的HTML元素都由HTMLElement类型表示，HTMLElement类型直接继承自Element并添加了一些属性，添加的这些属性分别对应于每个HTML元素都有下面的这5个标准特性: id,title,lang,dir,className。DOM节点是一个对象，因此，他可以和其他的JavaScript对象一样添加自定义的属性以及方法。property的值可以是任何的数据类型，对大小写敏感，自定义的property不会出现在html代码中，只存在js中。 Attribute
HTML中的attribute和property的区别
BorisHuai前端修炼
07-07 4757
DOM有三种节点类型：元素节点、属性节点、文本节点，HTML里的attribute其实就是指属性节点，举个例子：在Head里，h1是元素节点，id="title"是属性节点，Head是文本节点，在这里可以理解为h1这个元素节点包含一个属性节点和一个文本节点。读写attribute的方法是getAttribute(), setAttribute(), 例如获取id这个属性的值：var tem1 = document.getElementById("title"); var idValue = tem1.get
HTML 的 attribute 和 JS 的 property 的异同详解
lalalala~
10-26 1129
同样是获得 element 的 style 属性,有两种方式 el.style 和 el.getAttribute(‘style’) 。前者我们叫 style 是 el 的 property ,后者我们叫style 是 el 的 attribute。 attribute attribute 是HTML DOM 对象自带（特有）的属性，在 html 中显式的设置，例如 id，class ，value...
property和attribute的区别
06-06
property和attribute都是描述对象特征的词汇，但它们有一些不同之处。 在HTML中，attribute是指HTML标签中的属性，例如id、class、src等。这些属性是在HTML文档中定义的，并且可以通过JavaScript来访问和修改。 而...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

宇六岁鸭

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值