以下是一些常见的 HTML 元素对象的属性和方法：
常见属性
1. element.tagName： 获取元素的标签名。
var tagName = document.getElementById("myElement").tagName;
2. element.id： 获取或设置元素的 id 属性。
var elementId = document.getElementById("myElement").id;
3. element.className： 获取或设置元素的类名。
var elementClass = document.getElementById("myElement").className;
4. element.innerHTML： 获取或设置元素的 HTML 内容。
var elementContent = document.getElementById("myElement").innerHTML;
5. element.value： 获取或设置表单元素的值。
var inputValue = document.getElementById("myInput").value;
常见方法
1. element.getAttribute(name) 和 element.setAttribute(name, value)： 获取或设置元素的指定属性。
var attrValue = document.getElementById("myElement").getAttribute("data-custom");
document.getElementById("myElement").setAttribute("data-custom", "new value");
2. element.appendChild(node)： 将一个节点追加到元素的子节点列表的末尾。
var newDiv = document.createElement("div");
document.getElementById("parentElement").appendChild(newDiv);
3. element.addEventListener(event, function)： 添加事件监听器，用于处理特定类型的事件。
document.getElementById("myButton").addEventListener("click", function(event) {
// 处理点击事件
});
4. element.style.property： 获取或设置元素的样式属性。
document.getElementById("myElement").style.color = "red";
5. element.classList： 获取元素的类列表，允许操作元素的类。
var classes = document.getElementById("myElement").classList;
classes.add("newClass");
classes.remove("oldClass");
这些是一些常见的 HTML 元素对象的属性和方法。通过使用这些属性和方法，开发者可以通过 JavaScript 动态地修改和交互 HTML 元素，从而实现更丰富的用户体验。
转载请注明出处：http://www.zyzy.cn/article/detail/4374/HTML