h5中的attribute和property总结

最新推荐文章于 2023-11-29 11:24:26 发布
最新推荐文章于 2023-11-29 11:24:26 发布
阅读量436 收藏
点赞数
分类专栏： javascript 文章标签： html5 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/west_foot/article/details/115099856
版权
本文详细解析了HTML5中attr与prop的区别，指出它们在修改布尔属性和非布尔属性时的不同行为，以及在浏览器底层和用户交互中的角色。建议在实际开发中根据属性类型选择合适的方法：非布尔属性用attr，布尔属性用prop。
摘要由CSDN通过智能技术生成

1.attr和prop的定义

attr：h5标签 预定义和自定义的属性。

prop：js原生对象的直接属性。

2.attr和prop的作用和区别

两者都能修改元素的属性（分布尔属性和非布尔属性）；

当修改非布尔属性如name，都能修改且没有区别；

当修改布尔属性值的时候如checked，1>改变prop不会同步attr；2>在没有设置过prop时，attr会同步prop，但一旦动过prop，attr不会同步prop；

浏览器底层和用户操作的属性都是prop；

3.总结

修改非布尔属性一般用attr方法，修改布尔属性一般用prop方法

 

千夜图
关注
专栏目录
前端开发：Vue组件中的冒号用法
软贱开发攻城狮
06-16 6876
在Vue组件的使用中某一变量名前面加冒号，其实是为了动态的绑定一个变量或者表达式。在Vue.js中明确有一节是关于冒号用法的，其实冒号是v-bind的缩写，也就是冒号用法就是v-bind用法。那么下面就来看看关于v-bind相关的内容。v-bind的缩写就是":"。预期：动态地绑定一个或者多个attribute，或者一个组件prop到表达式。在绑定class或者style attribute的时候支持其他类型的值，如数组或者对象。在绑定prop时，prop必须要在子组件中声明，可以用修饰符指定不同的绑定类型
Mysql 学习总结（89）—— Mysql 库表容量统计
科技D人生
09-20 821
统计每个库每个表的大小是数据治理中最简单的一个要求，下面从抽样统计结果及精确统计结果两方面来统计MySQL的每个库每个表的数据量情况。mysql 数据字典库 information_schema 里记录了统计的预估数据量(innodb 引擎表不准确，MyISAM 引擎表准确)及数据大小、索引大小及表碎片的大小等信息。如果想了解每个库及表的大概数据量级可以直接查 information_schema.tables 进行统计即可。
h5-attribute和property
qq_40052011的博客
06-14 396
1.什么是attribute,什么是property属性？ attribute: html自定义属性 html预定义属性 property: js原生对象的直接属性 每一个预定义的attribute都会有一个property与之对应 2.什么是布尔值属性，什么是非布尔值属性？同步关系 布尔值属性:你的property是布尔值类型 checked就是布尔值属性 改变property不会同步attribute 在没有动过property时， attribute会同步property 一旦动过就不会同步 非
H5起步01之-----attributes&property
h1234561234561的博客
04-26 296
概念 attributes 在HTML中的每个标签节点对象上都会存在一个原生的attributes属性【即为property】，用于存放在标签上已经使用【html内联标签上的使用，如：<button name="pro">pro全选</button>中的name】的属性【预定义或自定义属性如：name="test"或nickName="buringSnow"】，或则在js中...
H5中attr属性的使用，伪元素，阴影
小马过河
09-25 1219
E[attr=value]：查找拥有指定的Attr属性并且属性值为value的E标签。如想查找拥有class属性并且值为Red的li标签 就是严格匹配。 E[attr*=value]:查找拥有指定的attr属性并且属性值中包含(可以在任意位置)value的E标签。 E[attr^=value]:查找拥有指定的attr属性并且属性值以value开头的E标签。 E[attr$=value]:查找...
HTML 全局属性_02
weixin_30553837的博客
05-27 117
New : HTML5 新属性。 属性描述 accesskey 设置访问元素的键盘快捷键。 class 规定元素的类名（classname） contenteditableNew 规定是否可编辑元素的内容。 contextmenuNew 指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单 data-*New 用于存储页面的自...
H5-JQuery属性操作(attr和prop)
lieuly的博客
09-26 603
html属性操作：是对html文档中的属性进行读取，设置和移除操作。比如attr()、removeAttr() DOM属性操作：对DOM元素的属性进行读取，设置和移除操作。比如prop()、removeProp() 样式操作：是指对DOM属性className进行添加，移除操作。比如addClass()、removeClass()、toggleClass() 值操作：是对DOM属性value进行读...
AttributeError: module ‘keras.backend‘ has no attribute ‘eager‘
Foools的博客
07-01 1103
项目场景： windows环境下，python3.6，各个conda包的版本如下 \# Name Version Build Channel absl-py 0.13.0 <pip> astor 0.8.1 <pip> cached-property
HTML5和CSS3 WEB技术开发
张晨光老师的播客
01-02 6506
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
【HTML5】关于attr和prop方法的用法与解析
星光不问赶路人，时光不负有心人。
01-07 2563
目录 1.什么是attribute，什么是property 2.什么是布尔值属性，什么是非布尔值属性 3.attribute和property的同步关系 4.用户操作的是property 5.浏览器认的是property   如果只想知道attr()和prop()方法该如何用的话请直接滑到最底部的结论！ 首先你得知道他们的全称 attr : attribute prop :...
H5自定义属性
weixin_59179354的博客
04-16 1873
自定义属性目的：是为了保存并使用数据。有些数据可以保存到页面中而不保存到数据库中。 自定义属性获得是通过getAttribute('属性')获得，但有些自定义属性很容易引起歧义，不容易判断是元素的内置属性还是自定义属性。 h5新增了自定义属性：规定自定义属性date-开头作为属性名并赋值。 比如<div date-index='1'></div> 或者通过js设计 element.setAttribute('date-index',2) ...
23 H5自定义属性属性值操作
丨Anna丨的博客
10-28 396
23 H5自定义属性属性值操作 H5每一个预定义attribute属性都有一个对应的property属性与之对应。但是自定义属性没有。因此H5提供一个自定义属性属性值的property的操作。 语法 自定义的数据属性名称是以data- 开头的.它必须要遵循XML名称的产生规则规则，该规则是说它只可以包含字母，数字和下面的字符：Dash(-)，点(.)，冒号(:)，下划线(_).此外不应包含ASCII码大写字母 Eg: <div id="test" data-test="test1" d..
h5自定义属性
weixin_45893243的博客
07-30 73
一般来说，js获取标签属性的方法都是用getattribute() 为了区分内置属性和自定义属性 一般来说规定自定属性命名为data-属性名 自定义属性可以通过dataset.属性名来获取 dataset是自定义属性的一个集合 //一般写法 内置和自定义都可以用 如果是自定义的话要写上data-属性名 getAttribute("属性名") //自定义属性专用 前面不用加data- dataset.属性名 ...
H5之动效
weixin_43852916的博客
11-02 513
动效
操作自定义属性、H5自定义属性
weixin_50723416的博客
03-29 173
获取属性 element.属性 获取属性值。 element.getAttribute(‘属性’)； 区别： element.属性 获取内置属性值（元素本身自带的属性） element.getAttribute(‘属性’);主要获得自定义的属性（标准） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Co
Attribute 和 Property 区别
最新发布
m0_58746619的博客
11-29 437
attribute更倾向于不可变更的 property更倾向于在其生命周期中是可变的
c语言读取hdf投影信息,C语言对HDF文件数据集和属性的读写
weixin_39530437的博客
05-23 563
以三维数据读写为例打开，读取空间属性、维度，数据集属性，文件属性，数据集的数据；// 写入txt文件(动态定义数组——用指针)，写入DAT文件(可以用ENVI打开查看图像)，写入HDF文件写入HDF文件属性、数据属性、空间属性，数据压缩。hid_t file_id, space_id,dset_id;hsize_t dims[3]={0,0,0};int ndims=0;int statu...
jquery中prop和attr的区别
H5女王范儿
05-10 2486
jquery中prop和attr的区别prop:prop(name|properties|key,value|fn)**概述** 获取在匹配的元素集中的第一个元素的属性值。 随着一些内置属性的DOM元素或window对象，如果试图将删除该属性，浏览器可能会产生错误。 jQuery第一次分配undefined值的属性，而忽略了浏览器生成的任何错误**参数** name
js设置html5的attr,js中.val()和.html()和attr()和text()的区别
weixin_36435766的博客
07-10 999
1. val()定义和用法:val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。其中有部分元素没有value，该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。1.1获取元素中的值：$("#name").val() //获取id="name"的value值1.2赋予元素值：$("#name").val(value) //value...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值