JS 中的 property 和 attribute 的区别

区别是:property是DOM中的属性,是JavaScript里的对象;property是声明属性的名称和用于存储和检索属性值的属性过程。attribute是HTML标签上的特性,它的值只能够是字符串;<xsl:attribute> 元素用于向元素添加属性。 注释:<xsl:attribute> 元素会替换名称相同的已有属性。

property 和 attribute非常容易混淆,两个单词的中文翻译也都非常相近(property:属性,attribute:特性),但实际上,二者是不同的东西,属于不同的范畴。

property是DOM中的属性,是JavaScript里的对象;property是声明属性的名称和用于存储和检索属性值的属性过程。

attribute是HTML标签上的特性,它的值只能够是字符串;<xsl:attribute> 元素用于向元素添加属性。 注释:<xsl:attribute> 元素会替换名称相同的已有属性。

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

attributes是属于property的一个子集,它保存了HTML标签上定义属性。如果再进一步探索attitudes中的每一个属性,会发现它们并不是简单的对象,它是一个Attr类型的对象,拥有NodeType、NodeName等属性。关于这一点,稍后再研究。注意,打印attribute属性不会直接得到对象的值,而是获取一个包含属性名和值的字符串。

延伸阅读:

什么是JS?

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。

JavaScript的标准是ECMAScript 。截至 2012 年,所有浏览器都完整的支持ECMAScript 5.1,旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日,ECMA国际组织发布了ECMAScript的第六版,该版本正式名称为 ECMAScript 2015,但通常被称为ECMAScript 6 或者ES2015。

文章标题:JS 中的 property 和 attribute 的区别,发布者:小编,转载请注明出处:https://worktile.com/kb/p/38849

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小编小编认证作者
上一篇 2023年2月20日 上午12:23
下一篇 2023年2月20日 上午12:25

相关推荐

  • 香肠派对用的什么语言编程

    香肠派对采用的编程语言主要是1、C#。 C#是一种强类型、面向对象的编程语言,广泛用于游戏开发中,尤其是那些基于Unity引擎开发的游戏。Unity是香肠派对开发中所用到的主要游戏引擎,其对C#的支持让开发者能够快速实现游戏内复杂的逻辑和高质量的图形表现。C#的特点包括但不限于强大的类库、跨平台能力…

    2024年4月27日
    1900
  • 零基础适合什么编程书籍

    对于零基础学习者,推荐的书籍包括 1、《Python编程:从入门到实践》;2、《Head First Java》;3、《JavaScript高级程序设计》。这些书籍涵盖了面向初学者的基本原理和实际应用,且以易理解的方式讲解复杂的概念。 特别地,《Python编程:从入门到实践》为零基础读者提供了一个…

    2024年4月27日
    1600
  • 女生没基础学什么编程最好

    女生没有编程基础可以从Python、HTML/CSS和JavaScript这三种编程语言开始学习。 Python以其语法简洁、易于上手而受到新手的喜爱;它不仅适用于数据分析和网站开发,还是人工智能和机器学习领域的首选语言。可以说,Python是一个多面手,无论你对哪个方向感兴趣,学习Python都是…

    2024年4月27日
    1600
  • 为什么vscode右键没有出现

    Visual Studio Code(VSCode)中右键菜单不显示的问题可能是由于几个原因造成的,包括插件冲突、配置文件错误、软件版本不兼容、系统权限设置或者是文件关联设置不当。插件冲突是最常见的原因,这是因为一些扩展可能会修改或限制VSCode的右键菜单项,导致部分或全部右键菜单消失。要解决这个…

    2024年4月3日
    22200
  • 编程的孩子有什么要求

    编程是一门提高逻辑思考和解决问题能力的技术。对于孩子而言,学习编程主要需要1、兴趣与热情、2、逻辑思维、3、持久的专注力、4、解决问题的能力以及5、合作和交流技能。 其中,兴趣与热情是学习编程的首要前提。孩子们如果对计算机和编程抱有浓厚的兴趣,那么他们在面对挑战时会更有动力去探索和学习。此外,他们在…

    2024年4月27日
    1300
  • 小学生用什么语言编程好

    在选择适合小学生的编程语言时,两个主要推荐是:1、Scratch、2、Python。特别是Scratch,它不仅易于学习而且充分激发孩子的创造力。 Scratch是一种图形化编程语言,专为年轻学习者设计,可以让他们通过拖拽代码块来创建故事、动画和游戏。这种方式极大地降低了编程的入门难度,使编程对小学…

    2024年4月28日
    2100
  • 电脑编程用什么电脑

    电脑编程通常需要一个具备一定处理能力、内存和数据存储空间的电脑。1、强大的处理器可以加快编译代码的速度;2、充足的内存支持多任务同时进行,提高开发效率;3、大容量的硬盘或固态驱动使得存储大型项目和必要的开发工具成为可能。 例如,对于处理器的选择,一个四核心或以上的中至高端CPU,如英特尔的酷睿i5或…

    2024年4月26日
    1400
  • 编程中的源文件是什么意思

    源文件在编程中指的是包含程序指令的文本文件,通常由程序员用编程语言编写。这些文件是软件开发的基础, 当它们被编译器或解释器处理后,可以转换为计算机可以执行的机器代码。例如,在C语言中,源文件通常以.c为后缀名;而在Java语言中,源文件以.java为后缀名。使用文本编辑器或集成开发环境(IDE)创建…

    2024年4月28日
    800
  • 研发项目绩效管理办法

    开展研发项目绩效管理,关键在于构建高效的评审体系、明确的目标设定、科学的资源分配、及时的进度跟踪,并应用先进的技术工具。核心观点包括1、构建高效的评审体系;2、明确的目标设定;3、科学的资源分配;4、及时的进度跟踪;5、应用先进的技术工具。重点是构建高效的评审体系,这是因为只有通过设立一系列客观、公…

    2024年1月10日
    19600
  • 编程中的小学课程是什么

    编程中的小学课程主要是指1、基础的计算机操作技能;2、编程逻辑的初步理解;3、简单编程语言的学习;4、解决问题的能力培养。在这一教育阶段,特别强调通过有趣的方式激发孩子们的兴趣。例如,可以利用拖拽式编程工具,如Scratch或Blockly来介绍编程概念。通过创造故事、游戏或动画,孩子们不仅能理解编…

    2024年4月27日
    1300

发表回复

登录后才能评论
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部