h5c3第一天

第一天H5学习

新的标签名




    
    Document
    



header头部
main主体
section内容
article文章
footer底部内容

data自定义属性

比如data-color 在js获取中的为伪数组,打印出来的是color

data在框架中比较常见

input标签的新属性

type="color" //颜色选择器


type="Date" //日期选择器


type="tel" //电话类型,在移动端会出现九宫格数字键盘


type="range" //小滑块

100
//可进行设置一些基本属性设置

placeholder 占位提示


required 判断表单元素内容是否为0


pattern 正则表达式经行判断


新表单事件

oninput 表示移动的时候(输入的时候)触发

onchenge 表示移动停止时触发(range停止时)或者值改变时

oninvalid 表示表单验证失败时触发

多媒体属性

视频


autoplay表示页面开启时自动播放

loop表示重复播放

conteols表示显示控件

还有width和height,视频为等比例缩放

音频


与视频差不多,只不过没有宽高设置

Dom元素获取方式

document.querySelector(“li”) 表示获取第一个li元素

document.querySelectorAll("li") 表示获取所有的li元素

括号也可以为类名或者id名

class的操作方式

dom.classList.add("类名"); 添加类名

dom.classList.remove("类名");移除类名

dom.classList.toggle("类名"); 切换类名

dom.classList.contain("类名");判断是否存在,返回值为true或false

你可能感兴趣的:(h5c3第一天)