html中的对象,html中的javascript,js操作html元素,js对html的作用,html对象方法,基本html对象
JavaScript HTML 对象是指 JavaScript 中用于操作 HTML 元素的内置对象。它们允许开发人员使用 JavaScript 代码来动态地创建、修改和删除 HTML 元素及其相关属性和事件。

常见的 HTML 对象包括：

1. Document 对象：代表整个 HTML 文档，可以用来访问和操作文档中的元素。

2. Element 对象：代表 HTML 元素，例如 <div>、<p>、<ul> 等等。

3. Event 对象：表示用户在页面上执行的动作，例如单击、键盘按下等等。

4. NodeList 对象：代表由一组元素组成的列表，可通过各种方式进行遍历和操作。

以下是一些使用 JavaScript HTML 对象的示例：

1. 获取文档中的元素

javascript
var element = document.getElementById("myId");


2. 创建新元素，并将其添加到现有的 HTML 元素中

javascript
var newElement = document.createElement("div");
newElement.innerHTML = "Hello world!";
document.body.appendChild(newElement);


3. 给元素添加点击事件处理程序

javascript
var myButton = document.getElementById("myButton");
myButton.addEventListener("click", function() {
alert("Button clicked!");
});


4. 遍历一个 NodeList 并修改其中的所有元素

javascript
var myListItems = document.querySelectorAll("li");
for (var i = 0; i < myListItems.length; i++) {
myListItems[i].classList.add("highlighted");
}