如何解决parentElement为null错误,无法找到移动元素的方法
我的文档中有html,我想在另一个元素内移动。我有一个颜色选择器,您可以在这里找到详细信息:https://www.javascripting.com/view/really-simple-color-picker
当我定义parentColorEl时,它说该元素为null。我不知道为什么。我清楚地看到,有一个id后面是一个数字。父元素是div。
<div id="container">
</div>
<div><input id="color0" type="hidden" name="color0" value="#333399"><div class="colorPicker-picker" style="background-color: rgb(51,51,153);"> </div></div>
<div><input id="color1" type="hidden" name="color1" value="#333399"><div class="colorPicker-picker" style="background-color: rgb(51,153);"> </div></div>
<div><input id="color2" type="hidden" name="color2" value="#333399"><div class="colorPicker-picker" style="background-color: rgb(51,153);"> </div></div>
<script>
class ColorButtons extends HTMLElement {
constructor(index) {
// Always call super first in constructor
super();
// Create a shadow root
var shadow = this.attachShadow({mode: 'open'});
// Create spans
var wrapper = document.createElement('span');
wrapper.setAttribute('class','wrapper');
shadow.appendChild(wrapper);
let colorEl = document.getElementById('color'+index);
let parentColorEl = colorEl.parentElement
wrapper.appendChild(colorEl);
}
}
customElements.define('color-buttons',ColorButtons);
function updateInterface(){
container.innerHTML = "";
for(i=0; i<3; ++i){
container.appendChild(new ColorButtons(i));
}
}
updateInterface()
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。