setAttribute 隐藏

`setAttribute()` 不能用于隐藏元素。如果要隐藏元素，可以使用CSS中的 `display:none` 或者 `visibility: hidden` 属性。例如：

/* 隐藏元素 */
.element {
  display: none;
}

或者：

/* 隐藏元素 */
.element {
  visibility: hidden;
}

如果要通过JavaScript来控制元素的隐藏和显示，可以使用 `style` 属性来修改元素的CSS样式。例如：

// 隐藏元素
document.querySelector('.element').style.display = 'none';

或者：

// 隐藏元素
document.querySelector('.element').style.visibility = 'hidden';

相关问题

js中setAttribute设置属性设置不上

可以尝试使用 `element.property = value` 的方式设置属性，或者使用 `element.setAttribute("property", value)` 的方式进行设置。如果仍然无法设置属性，可能是因为元素不存在或被隐藏等原因导致无法设置。

vue控制台报错Cannot read properties of null (reading 'setAttribute')

在Vue.js中，当你看到"Cannot read properties of null (reading 'setAttribute')"这样的错误时，通常意味着你在尝试访问null对象上的一些属性，比如在绑定元素的样式、属性或者事件处理程序时，该元素还未被渲染到DOM中。

这个错误通常是由于以下几个原因：

1. **数据初始化问题**：可能是你试图在数据还没有初始化完成时操作DOM元素。确保在模板中引用的数据已经被Vue实例化并赋值。

2. **v-if/v-show条件渲染**：如果元素是由`v-if`或`v-show`动态隐藏显示的，那么只有当它们处于可见状态时，相关的属性设置才会生效。确保你的条件检查正确，并且在元素可见后再执行可能影响DOM的操作。

3. **组件生命周期钩子**：如果你在`mounted()`钩子之前设置了属性，可能会遇到这个问题。确保将依赖DOM的操作放在`mounted()`中执行。

4. **模板语法错误**：在HTML模板中可能存在标签闭合错误，导致某些元素未被正确创建。

解决这类问题的关键是检查代码中涉及DOM操作的部分，确认所有需要的DOM元素都已经被正确地创建并且在适当的时候更新了。