携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第16天，点击查看活动详情
-
自定义属性
-
getAttribute（name）获取标签行内属性，括号中是字符串类型
-
setAttribute（name,value）设置标签行内属性
removeAttribute（name）移除标签行内属性
与element.属性的区别：上述三个方法用于获取任意的行内属性，包括自定义的属性
e.g.
<div id = “box” age = “18” sex = “male”>小明</div>
-
-
封装一个获取id的函数
或者可以把该段代码封装到一个js文件中进行调用
- script文件引用可以卸载head或者body标签中，但是须写在使用该函数的代码之前
-
style样式属性操作
- 使用style属性方式设置的样式显示在标签行内,外链式和内嵌式无法得到，可以打点继续调用style中设置的属性
- 之前使用更改className来更改样式（一般批量修改样式时使用）
- 如果使用类似width、height等属性可直接打点调用；如果使用的CSS属性名是复合属性的单一属性，需要更改为驼峰命名法，e.g.background-color属性在使用.style调用时，须改成backgroundColor
- 通过样式属性设置宽高、位置的属性类型是字符串，需要加上px等单位
- div.style.cssText = “width: 500px; height: 600px”;（这种方法可以设置多重属性，会覆盖行内的所有style属性）
- 显示隐藏二维码案例
- onmouseover和onmouseout是鼠标移上或离开的属性
- replace（原，新）方法可以改变标签某个属性值
- 写法：er.className = er.className.replace(“show”,”hide”);
- 排他思想-文本框高亮显示案例（轮播图同理）
- 先用for循环将所有元素设为默认，然后单独设置自己的样式
- 隔行变色和高亮显示
- 此处使用到一个变量来记住改变颜色之前的颜色值，并且属于全局变量。
- tab选项卡切换
- 要使标题和内容一一对应，须自定义一个属性，这样可以使用this一一对应
