Python全栈（九）Web前端基础之5.JS获取节点和常见事件

东哥说AI

于 2020-08-20 21:57:49 发布

阅读量1.4k

点赞数 9

分类专栏： Python全栈文章标签： Python全栈 Web前端基础 JS获取节点和常见事件

本文链接：https://blog.csdn.net/CUFEECR/article/details/108135138

版权

130 篇文章 ¥29.90 ¥99.00

订阅专栏

本文介绍了JavaScript中获取元素节点的四种方法，包括通过document节点和父节点获取，并展示了阻止浏览器默认行为和封装函数的实践。同时，详细讨论了JS的鼠标事件（如onClick、onMouseOver等）、表单事件及键盘事件，提供了相关示例代码，帮助理解事件处理和事件属性的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、获取元素节点

上一节已经提到了两种JS获取节点的方法document.getElementById()和document.getElementsByTagName()，其实是通过顶层document节点获取元素节点的方法共有4种：

获取依据	方法
id属性	`document.getElementById()`
tagName标签名	`document.getElementsByTagName()`
name属性	`document.getElementsByName()`
class属性	`document.getElementsByClassName()`

getElementsByClassName()练习如下：

<!DOCTY

了解本专栏