DOM核心总结

![(https://img-blog.csdnimg.cn/20200720200029126.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2NzI0OA==,size_16,color_FFFFFF,t_70)

DOM对元素的操作:创建、增删改查、属性操作、事件操作。

1.创建
  • document.write
  • innerHTML
  • createElement
2.增
  • appendChild
  • insertBefore
3.删
  • removeChild
4.改
  • 修改元素属性:src、href、title等
  • 修改普通元素内容:innerHTML、innerText
  • 修改表单元素:value、type、disabled等
  • 修改元素样式:style、className
5.查
  • DOM提供的API方法:getElementsById、getElementsByTagName
  • H5提供的新方法(推荐):querySelector、querySlectorall
  • 利用节点操作获取元素:父parentNode、子children、兄previousElementSibling、nextElementSibling.
6.属性操作
  • setAttribute:设置dom的属性值
  • getAttribute:得到dom的属性值
  • removeAttribute:移除属性
7.事件操作
  • onclick:点击
  • onmouseover:放在上面
  • onmouseout:离开
  • onfocus:焦点
  • onblur:失去焦点
  • onmousemove:移动
  • onmouseup:弹起
  • onmousedown:按下

猜你喜欢

转载自blog.csdn.net/weixin_47067248/article/details/107471935