DOM操作

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使用
 

今天主要是一些最最最最基本的操作 

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值