js实现修改

修改DOM元素内容

使用innerHTML或textContent属性直接修改元素内容：

document.getElementById("elementId").innerHTML = "新内容";  
document.querySelector(".className").textContent = "纯文本内容";  

修改元素样式

通过style属性或classList操作CSS：

// 直接修改样式  
document.getElementById("elementId").style.color = "red";  

// 添加/移除类  
const element = document.querySelector(".target");  
element.classList.add("newClass");  
element.classList.remove("oldClass");  

修改表单元素值

针对input、select等表单元素：

document.getElementById("inputField").value = "新值";  
document.querySelector("select").selectedIndex = 2; // 修改下拉框选中项  

修改属性

使用setAttribute或直接属性赋值：

const link = document.querySelector("a");  
link.setAttribute("href", "https://newurl.com");  
link.target = "_blank"; // 直接属性赋值  

动态创建/插入元素

通过createElement和appendChild等方法修改DOM结构：

const newDiv = document.createElement("div");  
newDiv.textContent = "动态添加的元素";  
document.body.appendChild(newDiv);