Question

我想实现一个删除按钮的Web组件。它上升到DOM，找到某个元素并将其自身删除。当我在另一个组件中使用此组件时出现问题。我仍然可以遍历删除按钮组件之外的DOM，但只能遍历父组件的边界。有没有办法在父组件之外操作DOM？这是我的组件的createdCallback：

proto.createdCallback = function() {
  let custom_element = this;
  let target = custom_element.getAttribute('target');
  let clone = document.importNode(template.content, true);
  clone.querySelector('input').addEventListener('click', function() {
    custom_element.closest(target).remove();
  });
  this.createShadowRoot().appendChild(clone);
}

Answer 1

您只需使用查询之类的选项即可；

removeButton.addEventListener("click",()=>document.querySelector(".removal").remove())

另一个Web组件内的Web组件

1 个答案: