通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。

HTML DOM(文档对象模型)

一、查找对象

1、通过id找到HTML元素

DOM(Document Object Model)

2、通过标签名找到HTML元素

DOM(Document Object Model)

3、通过类名找到HTML元素

DOM(Document Object Model)

4、通过name查找到HTML元素

DOM(Document Object Model)

二、修改内容

1、修改元素

DOM(Document Object Model)

2、修改属性

DOM(Document Object Model)

3、修改样式

DOM(Document Object Model)

三、事件

1、单击事件

  • 版本1

DOM(Document Object Model)

  • 版本2

DOM(Document Object Model)

  • 版本3

DOM(Document Object Model)

  • 版本4

DOM(Document Object Model)

2、onload事件

DOM(Document Object Model)

3、键盘事件

监听器:onkeydown、onkeypress、onkeyup

  • 事件1

DOM(Document Object Model)

  • 事件2

DOM(Document Object Model)

4、鼠标事件

onMouseDown 按下鼠标时触发 
onMouseOver 鼠标经过时触发 
onMouseUp 按下鼠标松开鼠标时触发 
onMouseOut 鼠标移出时触发 
onMouseMove 鼠标移动时触

  • 案例

DOM(Document Object Model)

5、焦点事件

  • 案例

DOM(Document Object Model)

四、节点

1、添加节点

DOM(Document Object Model)

DOM(Document Object Model)

二级联动

1、DOM(Document Object Model)

2、

DOM(Document Object Model)

表单验证

DOM(Document Object Model)

相关文章:

  • 2021-11-13
  • 2021-11-12
  • 2022-12-23
  • 2022-12-23
  • 2021-08-28
  • 2021-06-07
  • 2022-01-02
猜你喜欢
  • 2021-10-13
  • 2022-12-23
  • 2021-10-13
  • 2022-12-23
  • 2021-12-13
  • 2022-12-23
  • 2021-08-10
相关资源
相似解决方案