document.getElementById添加class

可以使用document.getElementById()方法来获取指定id的元素，然后使用classList.add()或者className属性来添加class。其中，classList.add()方法可以添加一个或多个class，而className属性则需要在原有class的基础上添加新的class。

例如，假设我们有一个id为"myDiv"的div元素，我们可以使用以下代码来为它添加一个名为"newClass"的class：

// 使用classList.add()方法
document.getElementById("myDiv").classList.add("newClass");

// 使用className属性
document.getElementById("myDiv").className += " newClass";

以上两种方法都可以实现为指定元素添加class的效果。

相关问题

直接在这上面加<img id="1" src="images/1.jpg" alt="" onmouseover="document.getElementById(1).style.width='250px'; document.getElementById(1).style.height='250px'" onmouseout="document.getElementById(1).style.width='246px'; document.getElementById(1).style.height='246px';" class="xuexi"/>

抱歉，我是一个文本AI，无法在这里添加图片。但你可以在HTML代码中使用该代码段来添加一个可悬停放大的图片：

<img id="1" src="images/1.jpg" alt="" onmouseover="document.getElementById(1).style.width='250px'; document.getElementById(1).style.height='250px'" onmouseout="document.getElementById(1).style.width='246px'; document.getElementById(1).style.height='246px';" class="xuexi"/>

其中，`src`属性指定了图片的路径，`onmouseover`和`onmouseout`属性定义了鼠标悬停和移开时的效果，`class`属性指定了图片的样式。记得将图片文件放在正确的路径下。

for (var i = 0; i < this.button_list.length; i++) { if (i !== index) { document.getElementById('factory' + i).classList.remove('on'); document.getElementById('factory' + i).classList.add('sx_child'); } else { document.getElementById('factory' + i).classLi

这段代码有语法错误，最后一行缺少了闭合的大括号。正确的代码如下：

for (var i = 0; i < this.button_list.length; i++) {
  if (i !== index) {
    document.getElementById('factory' + i).classList.remove('on');
    document.getElementById('factory' + i).classList.add('sx_child');
  } else {
    document.getElementById('factory' + i).classList.add('on');
    document.getElementById('factory' + i).classList.remove('sx_child');
  }
}

这段代码的功能是遍历一个按钮列表，根据索引值设置相应的CSS类。如果当前索引不是目标索引，就添加 'sx_child' 类，移除 'on' 类；否则添加 'on' 类，移除 'sx_child' 类。