自定义属性一般用自定义属性选择器
html标签的属性可分为html自带属性和自定义属性
html自带的属性又分为通用属性和专用属性,例如id,class,title是通用属性,src,href是专用属性
html标签还可以添加自定义属性
对于自定义属性,浏览器在解析页面时会忽略这些属性
在HTML标签中添加的属性叫做标签属性
找到这个元素对象,通过打点访问的属性是这个对象的属性。
这两种属性有关联,但是不相等
对于大部分的标签属性们都可以通过同名的对象属性来设置
如:
var box = ("box");
= "悬停之后显示的提示内容";
除了这大部分属性之外,其他的属性(包括所有自定义属性),都不能通过对象打点添加。
通过对象打点添加的属性,仅仅是这个元素对象的属性,并不能设置带标签上.
如:
= "第一个属性";
(box);
在F12调试模式的控制台可以找到first属性,但查看器里id为box的这个标签并没有这个属性
通过js给标签添加自定义属性有专门的写法。
setAttribute,为元素添加标签属性,不管是自定义属性还是html自带的属性都可以通过这种方式设置。第一个参数是属性名,第二个参数是属性值(属性的值只能是字符串)
("first","通过setAttribute添加的自定义属性");
getAttribute,获得元素对象的某个标签属性(自定义和自带属性都可以),惨呼是要获取的属性的名字,返回值是获取的属性值
var t1 = ("title");
(t1);