JavaScript 可以用来获取和修改 HTML 元素。以下是几种常用的方法:
获取 HTML 元素
使用 document.getElementById()
:
javascriptvar element = document.getElementById("myElementId");
使用 document.getElementsByClassName()
:
javascriptvar elements = document.getElementsByClassName("myClassName");
使用 document.getElementsByTagName()
:
javascriptvar elements = document.getElementsByTagName("myTagName");
使用 document.querySelector()
:
javascriptvar element = document.querySelector(".myClassName"); // 使用类名选择元素
使用 document.querySelectorAll()
:
javascriptvar elements = document.querySelectorAll(".myClassName"); // 使用类名选择元素
修改 HTML 元素
更改元素的 HTML 内容:
javascriptelement.innerHTML = "新的内容";
更改元素的文本内容:
javascriptelement.textContent = "新的文本";
更改元素的属性:
javascriptelement.setAttribute("attrName", "attrValue"); // 设置属性值 element.getAttribute("attrName"); // 获取属性值
更改元素的样式:
javascriptelement.style.property = "value"; // 例如,更改背景色: element.style.backgroundColor = "blue"