JavaScript通过元素引用、属性访问、事件处理程序、创建和修改HTML等方式与HTML连接，从而添加交互性和响应性。例如，可以通过JavaScript更改元素的内容或触发事件。
JavaScript 如何与 HTML 连接
JavaScript 是一种用于创建交互式网页的脚本语言。它与 HTML 协同工作，添加动态性和响应性。以下是 JavaScript 如何与 HTML 连接的方法：
元素引用
- getElementById()：获取具有指定 ID 的元素。
- getElementsByClassName()：获取具有指定类名的所有元素。
- getElementByTagName()：获取具有指定标签名的所有元素。
属性访问
立即学习“前端免费学习笔记（深入）”；
- .innerHTML：获取或设置元素的 HTML 内容。
- .value：获取或设置表单元素的值。
- .style：获取或设置元素的 CSS 样式。
事件处理程序
- addEventListener()：将事件监听器附加到元素。
- onclick：在元素单击时触发的事件。
- onload：在页面加载完成后触发的事件。
创建和修改 HTML
- createElement()：创建新的 HTML 元素。
- appendChild()：将子元素添加到父元素。
- removeChild()：从父元素中移除子元素。
示例
以下代码使用 JavaScript 更改 <h1> 元素的文本内容：
<code class="js">var heading = document.getElementById("heading");
heading.innerHTML = "新标题";</code>以下代码使用 JavaScript 在单击按钮时显示警报：
<code class="html"><button onclick="alert('单击！')">单击我</button></code>通过这些方法，JavaScript 可以动态地与 HTML 交互，添加交互性、响应性和动态内容。
