JS知识点整理2

最新推荐文章于 2023-12-23 11:09:23 发布

薇洁

最新推荐文章于 2023-12-23 11:09:23 发布

阅读量100

点赞数

本文链接：https://blog.youkuaiyun.com/qq_51513645/article/details/117702719

版权

本文介绍了JavaScript中用于操作文档对象模型（DOM）的方法，包括getElementById、getElementsByClassName和getElementsByTagName。同时，讲解了常用的输出方式，如alert、document.write和console.log，以及如何获取和设置元素内容。此外，还探讨了HTML事件处理，如onchange、onclick等，阐述了用户与浏览器交互的基本原理。

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

1、文档对象模型

从根本上讲，DOM操作就是在使用js文档元素，js为我们专门提供了一个文档对象来操作文档元素。

常用的DOM操作方法:

（1）document.getElementById：获取页面中设置了id属性的元素。
（2）document.getElementsByClassName：通过class属性来获取页面上的元素。
（3）document.getElementsByTagName()：通过标签名来获取元素。

2、输出

js常用的输出方法：

（1）alert("要输出的内容")：在浏览器中弹出一个对话框,然后把要输出的内容展示出来。alert都是把要输出的内容首先转换为字符串然后在输出的。
（2）document.write("要输出的内容")：直接的在页面中展示输出的内容。
（3）console.log("要输出的内容")：在控制台输出内容。
（4）value：获取文本框中(表单元素)的内容。
（5）innerHTML/innerText ：给除了表单元素的标签赋值内容。

3、事件

事件是可以被 JavaScript 侦探到的行为，是用户与浏览器之间的交互。HTML 事件是发生在 HTML 元素上的事情，当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。

常见的html事件：

（1）onchange：HTML 元素改变。
（2）onclick：用户点击 HTML 元素。
（3）onmouseover：用户在一个HTML元素上移动鼠标。
（4）onmouseout：用户从一个HTML元素上移开鼠标。
（5）onkeydown：用户按下键盘按键。
（6）onload：浏览器已完成页面的加载。