前端 -＞ Attribute和property的简单理解

已于 2022-02-16 16:46:55 修改
阅读量633 收藏 1
点赞数 1
分类专栏： 前端 文章标签： 前端 javascript html
于 2021-01-06 17:59:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rod0320/article/details/112287204
版权

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 = div1.id;
  • 这样的=就是对象的意思,与HTML的不太一样,HTML没有对象的概念
  • 如果使用了var in1=document.getElementById("div1");
  • 就是把HTML的一个属性变成了对象,就可以使用property了

总结

  • 可以理解attribute的属性就是真的属性的意思,对应一个值
  • property可以说成是对象属性的意思
  • 两个都是属性,但是property是对象属性,要相互用呢,就要把attribute转换成对象的属性
  • property是不能变成HTML的attribute的
欧皇小德子
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中遍历对象的property的3种方法介绍
12-09
在JavaScript中，可以用三种方法来遍历对象的property： 1.for/in。可以使用for/in语句遍历对象自身的property(Own Property)及其从原型对象处继承的property，只有enumerable的property才会被遍历到。 2.Object.keys()。可以将对象作为参数传入Object.keys()，Object.keys()语句将返回由所有property名称字符串所组成的数组。Object.keys()语句仅返回对象自身的(Own Property)且enumerable的property。该语句仅在ECMAScript 5标准中有效。 3
笔记 前端需要了解的attribute和property的区别
ygx_work的博客
05-24 926
定义 Property：属性，所有的HTML元素都由HTMLElement类型表示，HTMLElement类型直接继承自Element并添加了一些属性，添加的这些属性分别对应于每个HTML元素都有下面的这5个标准特性: id,title,lang,dir,className。DOM节点是一个对象，因此，他可以和其他的JavaScript对象一样添加自定义的属性以及方法。property的值可以是任何的数据类型，对大小写敏感，自定义的property不会出现在html代码中，只存在js中。 Attribute
前端学习案例2-attribute
qq_41632427的博客
01-14 148
前端
html前端学习十三：attribute array
苦苦思索的吃瓜群众博客
12-23 265
attribute 属性 标签属性的修改 <img id="img" src="1.jpg" alt="1.jpg" width="2560" height="1600" /> </body> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>...
【前端学习 - HTML（7）property和attribute的区别是什么】
weixin_60364883的博客
01-29 978
1. property和attribute的区别是什么 attribute是HTML标签上的特性，它的值只能够是字符串; property是DOM中的属性，是JavaScript里的对象; 简单的理解就是： Attribute就是DOM节点自带的属性，例如html中常用的id、class、title、align等； 而Property是这个DOM元素作为对象，其附加的内容，例如childNodes、firstChild等。 技巧： Property可以联想一下原型，原型本质上就是对象 ...
最全前端面试题-4（js篇-上百篇题集整理1个月）
05-04
在前端面试中，JavaScript是必不可少的部分，涉及到许多基础和进阶知识点。以下是对这些知识点的详细解释： 1. **类型转换**：强制类型转换包括`...准备前端面试时，应全面复习这些知识，并理解其内在原理和实际应用。
前端面试宝典V3.0.docx
03-27
4、 dom 节点的 Attribute 和 Property 有何区别？（必会） 106 5、dom 结构操作怎样添加、移除、移动、复制、创建和查找节点？（必会） 106 6、dom 事件的级别？（必会） 107 7、dom 事件模型？（必会） 107 8、...
结合SpringMVC和Hibernate-validator,自动生成前台的js验证代码.docx
03-12
在本文档中，我们将探讨如何结合SpringMVC和Hibernate-validator框架，自动生成前端JavaScript验证代码，从而简化开发过程，提高代码一致性，同时增强用户体验。在实际应用中，前端验证是必不可少的一环，它能减少...
jquery库文件1.4---2.1
09-14
3. **1.6版本**：引入了`.attr()`和`.prop()`方法来区分属性（attribute）和属性值（property），增强了DOM操作的准确性。 4. **1.7版本**：`.on()`方法替代了`.bind()`, `.delegate()`, `.live()`，成为统一的事件...
Geiger-Work-Stuff-:各种工作文件
03-18
理解各浏览器对CSS特性的支持程度，以及如何使用工具如Autoprefixer和Normalize.css来处理兼容性问题，是专业前端开发者必备的知识。 9. **性能优化**：优化CSS可以提升网页加载速度，如减少冗余代码、正确使用选择...
Attribute和Property的区别
u013362969的博客
03-11 1万+
一：Attribute和Property的区别 1.含义区别 首先在定义上更准确的来说，Attribute和Property分别为特性和属性，作为区别。 其次，这样理解下来，我们知道Attribute就是DOM节点自带属性，例如我们在HTML中常用的id,class,src,title,alt等。而Property则是这个DOM元素作为对象，其附加的属性或者内容，例如childNodes，fir...
前端面试题5-attr是什么，用法呢？
weixin_48249606的博客
10-27 991
attr是什么，用法？ 定义和用法 attr()方法设置或返回被选元素的属性值 根据属性值的不同，会有多种用法 返回属性值：返回被选元素的属性值 语法： $(selector).attr(attribute) 参数 描述 attribute 规定要获取其值的属性。 设置属性/值：设置被选元素的属性和值 $(selector).attr(attribute,value) 参数 描述 attribute 规定属性的名称。 value 规定属性的值。 使
Web前端ui基础，基于JavaScript分析property 和 attribute，2024前端者真的太难了
最新发布
2401_83620865的博客
04-07 904
秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！高级前端工程师必备资料包一个人可以走的很快，但一群人才能走的更远。
前端中的 Attribute & Property
weixin_33726943的博客
01-07 424
为了在翻译上显示出区别，Attribute一般被翻译为特性，Property被译为属性。 在使用上面，Angular已经表明态度 Template binding works with properties and events, not attributes. 模板绑定是通过 property 和事件来工作的，而不是 attrib...
JavaScript对象的property属性详解
bin1813的博客
08-28 1844
这篇文章主要介绍了JavaScript对象的property属性,详细讲解了property的各种属性,需要的朋友可以参考下 JavaScript中对象的property有三个属性： 1.writable。该property是否可写。 2.enumerable。当使用for/in语句时，该property是否会被枚举。 3.configurable。该property的
Attribute在.net编程中的应用（一）
niwalker的专栏
07-11 8335
Attribute在.net编程中的应用（一）Attribute的基本概念经常有朋友问，Attribute是什么？它有什么用？好像没有这个东东程序也能运行。实际上在.Net中，Attribute是一个非常重要的组成部分，为了帮助大家理解和掌握Attribute，以及它的使用方法，特地收集了几个Attribute使用的例子，提供给大家参考。在具体的演示之前，我想先大致介绍一下Attribut
property和attribute，以及获取设置属性
m0_53438035的博客
07-28 530
在这里插个眼，说实话，没太明白 区别和相同 一般的内联属性为property和attribute共有，但自定义属性（内联样式中）为attribute所有。 attribute中的class在property中叫做className（在取值和赋值时注意） 取值和赋值（设值）的区别： 3.1.attribute的取值和赋值:getAttribute(‘属性名’,‘属性值’)，setAttribute(‘属性名’,‘属性值’) 3.2.property的取值和赋值分别为:变量=对象.属性;对象.属性=属性值（不
attribute与property
weixin_45615650的博客
04-12 126
** 相关概念： ** attribute：html的预定义和自定义属性我们统称为attribute property：js原生对象的直接属性我们称为property property属性为布尔值的，我们称为布尔值属性 property属性值为非布尔值的，我们称为非布尔值属性 ** attribute与property的同步关系： ** 非布尔值属性：实时同步 布尔值属性： property永远都不会同步attribute 在没有动过property的情况下 attribute会同步property 在动过
HTML中的attribute属性和JavaScript中的property属性的详解以及区别
热门推荐
01-11 2万+
一直没有搞懂attribute和property的区别，弄了个例子，总结了一下。 一、基本概念区别 attribute：是HTML标签上的某个属性，如id、class、value等以及自定义属性，它的值只能是字符串，关于这个属性一共有三个相关的方法，setAttribute、getAttribute、removeAttribute； 注意：在使用setAttribute的时候，该函数一定接收
VOID FillLeafNodeAttributeValueChange(xmlNodePtr setLeafNode, AttributeValueChange *attrValueChange) { strncpy(attrValueChange->attributeName, setLeafNode->name, NOTIFICATION_EVENT_ATTRIBUTE_NAME_LEN - 1); attrValueChange->attributeNumber = 1; return; }
07-13
这段代码定义了一个名为FillLeafNodeAttributeValueChange的函数，该函数接受两个参数：setLeafNode和attrValueChange。setLeafNode是一个xmlNodePtr类型的指针，attrValueChange是一个AttributeValueChange类型的结构体指针。 首先，代码使用strncpy函数将setLeafNode的名称复制到attrValueChange->attributeName中，限制复制的长度为NOTIFICATION_EVENT_ATTRIBUTE_NAME_LEN - 1。这样做是为了确保目标字符串的末尾有足够的空间可以添加字符串结束符。 接下来，代码将attrValueChange->attributeNumber设置为1。 最后，函数返回。这段代码的功能是将setLeafNode的名称和属性数量填充到attrValueChange结构体中。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值