JS 隐藏、还原 HTML标签 父元素下的某个子元素 特定操作时隐藏指定元素

 

 该图是配合自定义 中心线组件 实现的拖拽时隐藏右侧表格功能，解决表格数据量大拖拽时不流畅的问题

let box = document.getElementsByClassName(classNames.box)?.[0] //获取父元素

//暂时移除元素
Array.from(box.children).map((node) => {
  node.id === 'right-view' && (node.style.display = 'none')
})

//还原刚才移除的元素
Array.from(box.children).map((node) => {
  node.id === 'right-view' && (node.style.display = 'block') //这里的display设为元素本身默认的display，这里的right-view是个div就设为了block
})