如何解决this.shadowRoot.getElementById...textContent不是函数
你好,我正在尝试创建我的第一个自定义组件
这是我的模板
<div class="wrap-boxo">
<div class="boxo">
<div class="top-boxo">
<div class="pal focussed"></div>
<div class="pal"></div>
</div>
<div class="message">
<div class="left-boxo">
<div class="icon">
<div class="ico"></div>
<div class="shd"></div>
</div>
<div class="type-mex">
<h3 id="dd" class="main-type"></h3>
<p class="main-det"></p>
</div>
<button> <h3 class="col-txt"> </h3> </button>
</div>
<div class="right-boxo">
<p></p>
</div>
</div>
</div>
</div>
在connectedCallback()中,我进行设置
connectedCallback(){
let tipo_boxo = this.getAttribute("type");
this.shadowRoot.querySelector(".boxo").classList.add(type_boxo);
let image = this.getAttribute("iconimg");
this.shadowRoot.querySelector('.ico').style.backgroundImage= "url("+image+")";
let main_type = this.getAttribute("main-type");
this.shadowRoot.querySelector(".main-type").classList.add(main_type);
this.shadowRoot.getElementById("dd").textContent("Error")
}
它工作得很好,直到我尝试在h3中添加textcontent
this.shadowRoot.getElementById("dd").textContent("Error")
产生错误
Uncaught TypeError: this.shadowRoot.getElementById(...).textContent is not a function
at HTMLElement.connectedCallback (home.html:897)
我在做什么错了?
如果执行控制台日志,这是我的自定义元素 this.shadowRoot.getElementById(“ dd”)我在控制台中将其获取,但是一旦我执行textContent或innerHTML,我就会收到此错误
<bo-xo
mex="error"
tipo="success"
main-type="errh3"
iconimg="some-img.jpg">
</bo-xo>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。