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:浏览器已完成页面的加载。