javascript 如何获取ID所选元素内的元素值?

zpf6vheq  于 2023-06-28  发布在  Java
关注(0)|答案(2)|浏览(126)

我使用

const elem = document.getElementById("TcHmiRecipeEdit")
console.log(elem);

results:

我需要使用JavaScript中的什么代码来获取照片中标记的值。我从JavaScript开始我的冒险,我们有一个巨大的问题,实际上是从代码中提取值,如上面的例子。

68bkxrlz

68bkxrlz1#

querySelectorquerySeletorAll适用于此目的。
querySelectorquerySelectorAll

document.querySelectorAll('#TcHmiRecipeEdit table th').forEach(el => {
    console.log(el.textContent);
});
yfjy0ee7

yfjy0ee72#

展开querySelectorAll并MaptextContent

const thVals = [...document.querySelectorAll('#TchmiRecipeEdit table th')]
  .map(th => th.textContent.trim());

console.log(thVals)
<div id="TchmiRecipeEdit" style="inset: 16px;">
  <div class=" TCHES Controls Beckhoff TcHiRecipeEdit template tched-box " tabindex="-1 ">
    <div class="Tched Controls Beckhoff TcHnRecipeEdit-editing pane ">
      <div class="TcHed_Controls Beckhoff TcHndRecipeEdit-editing-box">
        <div class="Tchad Controls Beckhoff TcHniRecipeEdit-editing-area">
          <table>
            <thead>
              <tr>
                <th>Name</th>
                <th>Value</th>
                <th>in</th>
                <th>Unit</th>
              </tr>
            </thead>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

相关问题