DOM(文档对象模型)
获取到html中标签 对于js来说 标签就是对象 DOM对象,
可以借助与dom对象对html里面的标签和标签的属性进行增删改查。
1 获取单个元素使用document.queryselect('选择器')
获取同一类元素使用document.queryselectAll("选择器")(之前有getelementBy..... 已舍弃)
2 想dom元素中写入内容
2.1 innerHTMl 可以解析标签
2.2 innerText 不能解析标签,只能写入纯文本
3 操作元素常见属性
标签身上有什么属性 通过js获取到dom对象以后 对象身上也会有对应的属性 可以通过. (点)来操作他相关的属性
操作元素样式(style)属性 , 语法: dom对象.style.css属性=值
操作标签的class属性两种方法 className 以及classList
className会对dom元素的class进行判断 ,没有的话就加上这个class,有的话就移出这个class
classList 有三种方法 :add() remove() toggle() 分别是添加 移除 以及切换
对表单元素进行操作:还是根据表单的一些属性进行操作 value checked等等
禁用按钮的操作:按钮禁用我们使用disabled使用
今天主要是一些最最最最基本的操作