查看: 461|回复: 0

[文章教程] 日常的DOM语法总结

[复制链接]
xuanxiao 发表于 2022-3-9 00:17:53 | 显示全部楼层 |阅读模式
1.查询元素

   1.1 document.querySelector('选择器')

   1.2 document.querySelectorAll('选择器')

   1.3 两者区别:

     querySelector返回dom对象,可以修改dom

     querySelectorAll返回数组,不能直接修改dom 必须要通过下标获取dom对象才可以。

2.元素属性操作

   2.1 内容属性

      元素.innerText:文本

      元素.innerHTML:文本+标签

      两者区别:innerText不可以解析标签

   2.2 html属性:元素.属性名=属性值

       a.href

       img.src

   2.3 样式属性

       (1)单个样式:元素.style.属性名=属性值

       (2)多个样式:className:元素.className='类名'

       (3)classList语法:

       元素.classList.add('类名')

       元素.classList.remove('类名')

       元素.classList.toggle('类名')

       元素.classList.continst('类名')

3.表单元素特殊属性

   3.1表单内容:表单元素.value

   3.2表单布尔属性

         disabled:

         checked:

         selected:
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表

在线客服

售前咨询
售后咨询
服务热线
023-58418553
微信公众号