广告位
您的位置 首页 常识

dom和sub是什么属性(dom对sub的100条规矩解说)

DOM属性 每个HTML属性都会有与之相对应的DOM对象属性。 <div> <label…

DOM属性

每个HTML属性都会有与之相对应的DOM对象属性。

<div>

<label for=”username”>用户名:</label><input type=”input” name=”username” value=””>

</div>

在以上代码中,html中label的for属性对应的DOM对象属性是label.htmlFor,label.htmlFor===“username”;

简单来说,html元素、标签对应于DOM对象,html元素、标签的属性对应于DOM对象的属性,并且是一一对应的关系。

属性访问器(property accessor)

可以直接通过属性访问器读取、修改、添加属性。针对上面一段代码label标签的for属性值为username,使用属性访问器访问该属性的方法可以是label.htmlFor和label[“htmlFor”],这两种方法都可以准确的读取到label标签的for属性值,即:表达式label.htmlFor===“username”;和label[“htmlFor”]===“username”;的返回值都是true。

label[“htmlFor”]=Uname;//该表达式将label标签的for属性值改为了Uname

label.className=username;//该表达式为label标签添加了值为username的class属性

该方法获取到的属性值为转换过的实例对象。

getAttribute/setAttribute

getAttribute() 方法返回指定属性名的属性值。传入参数为属性名。表达式input.getAttribute(“id”);可以获取到input标签的id属性。getAttribute() 方法获取到的属性值均为字符串类型。

setAttribute() 方法添加指定的属性,并为其赋指定的值。必须顺序传入属性名和属性值两个参数。表达式input.setAttribute(“value”,“一锅杂货铺”);可以为input填入值为“一锅杂货铺”的value属性。

dataset

dataset是html元素上的一个自定义属性,也可以用来表示data-*的属性集合,主要用于在元素上保存数据。结合ajax使用可以制作浮层显示效果,常见的实例是当鼠标移到某个元素上之后就显示一个小卡片,上面有更加详细的信息。

dataset的理解和使用,一锅会在后期结合ajax再出一期,敬请期待~

版权声明:本文内容及图片由互联网用户自发投稿贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。本站仅提供信息存储服务,文章及图片非本站所发,由用户投稿自发贡献,如有图片及内容侵权不通过邮件告知删除,而擅自诉讼/敲诈/勒索,本站概不妥协,本站认为是在敲诈,必将拿起法律的武器坚决捍卫自己的权益。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请第一时间发送邮件至 3093421469@qq.com 举报,一经查实,本站将立刻删除。转载请注明出处:http://www.bces.com.cn/6116.html
广告位

作者: 投稿

为您推荐

发表评论

联系我们

联系我们

3093421469

在线咨询: QQ交谈

邮箱: 3093421469@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部