property与attribute方法的区别

举报
幻影 发表于 2021/07/26 12:53:00 2021/07/26
【摘要】 本文主要介绍了attribute属性与property属性的区别,同步及用户和js操作的不同。

一、什么是attribute、什么是property

        attributehtml标签的预定义或自定义属性;

       propertyjs的原生对象的直接属性;

        每一个预定义的attribute都会有一个property与之对应(节点)

二、什么是布尔值属性,什么是非布尔值属性

        Property的属性值为布尔值类型的,我们统称为布尔值属性;

        Property的属性值为非布值类型的,我们统称为非布尔值属性。

三、attributeproperty的同步关系

         非布尔值属性:实时同步

  

 

         布尔值属性:

        Property永远都不会同步attribute

        在没有动过property的情况下,attrbute会同步property(通过js操作attr,property会跟着变化)


 

  在动过property的情况下,attrbute不会同步property(当你不勾选其中的几项时,即使再点击全选按钮,也不会再选上)

  

四、浏览器只认property,用户操作的也只有property

五、以下列表是在对attribute和property的常用操作。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。