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 (将#修改为@）