参考资料

1. HTML DOM 用指定的Name弹出元素的数量实例
2. HTML DOM 返回当前的文件和链接的文档之间的关系
3. HTML DOM 改变iframe的高度和宽度
4. HTML DOM改变下拉列表中被选中的选项的文本
5. HTML DOM为表格创建一个标题
6. HTML DOM 返回和设置一个iframe中的scrolling属性的值
7. HTML DOM 返回image的longdesc属性的值
8. HTML DOM改变表格边框的宽度

HTML DOM 哪个事件发生了？

HTML DOM 事件

1. 常用事件类型：

• click

• dblclick

• mouseover

• mouseout

• mousedown

• mouseup

• keydown

• keyup

• load

• unload

• submit

• change

• focus

• blur

2. 详细介绍：
   DOM事件是HTML元素上发生的动作或事情，可以通过JavaScript代码来监听和处理这些事件。

3. 标签用法：
   可以通过HTML属性或JavaScript添加事件处理程序：

<button onclick="myFunction()">点击</button>

4. JavaScript添加事件：

element.addEventListener('click', function(){
  // 事件处理代码
});

5. 实例：

<button id="myBtn">点击我</button>
<script>
document.getElementById("myBtn").addEventListener("click", function(){
  alert("按钮被点击");
});
</script>

6. 功能：

• 实现用户交互

• 响应浏览器动作

• 处理表单提交

• 检测键盘/鼠标输入

7. CSS扩展：
   可以通过伪类响应某些事件状态：

/* 鼠标悬停样式 */
a:hover {
  color: red;
}

/* 点击时的样式 */
button:active {
  background-color: blue;
}

/* 获得焦点时的样式 */
input:focus {
  border-color: green;
}