Question

我只想访问shadow-root内部的元素。在我的Angular应用程序中，我的组件之一被 shadowDom 封装。

@component({
  selector: "app-home",
  templateUrl: "./home.component.html",
  styleUrls: ["./home.component.scss"],
  encapsulation: ViewEncapsulation.ShadowDom
})

当我为应用程序提供服务时，这就是呈现的元素的样子

<body class>
  <app-root _nghost-c0 ng-version="7.0.3">
    <router-outlet _ngcontent-c1=""></router-outlet>
      <app-home>
      #shadow-root (open)                                                 <== shadow-root
        <style>...</style>
        <style>...</style>
        <div id="main">
          <section id="one">
            <app-github-calendar _nghost-c3>
               <div _ngcontent-c3 class="calendar"> Loading the data just  <== this element
               for you.</div>
            </app-github-calendar>
          </section> 
      </app-home>

我尝试使用“ calendar” 元素来获取javascript querySelector ， getElementsByClassName ， querySelectorAll 等。但我无法获取元素。

告诉我如何获得。

如何访问影子领域内的元素

0 个答案: