Question

在此代码中，我要提取值“是的，我是发言人” 通过Javascript DOM元素。通过使用getElementById。但我不知道如何访问嵌套在list元素内的值，并且列表没有任何值和属性。并且，在此代码中，仅列表具有唯一的ID 选择此元素。有几个这样的代码块具有独特的清单编号。如果有快速的帮助，我将不胜感激。我在用用于创建GTM自定义javascript变量。

<li id="u5mH6ZV1aX21" class="container step2" style="width: 232px;">
  <input type="hidden" name="value" value="Yes, I am a smoker" autocomplete="off">
  <div class="letter"><span>A</span></div>
  <span class="label">Yes, I am a smoker</span>
  <span class="tick"></span>
  <div class="aux">
    <div class="bg"></div>
    <div class="bd"></div>
  </div>
</li>

Answer 1

因此请按类或元素类型选择元素

var t1 = document.querySelector("#u5mH6ZV1aX21 input").value
var t2 = document.querySelector("#u5mH6ZV1aX21 .label").textContent
console.log(t1, t2);

<ul>
  <li id="u5mH6ZV1aX21" class="container step2" style="width: 232px;">
    <input type="hidden" name="value" value="Yes, I am a smoker" autocomplete="off">
    <div class="letter"><span>A</span></div>
    <span class="label">Yes, I am a smoker</span>
    <span class="tick"></span>
    <div class="aux ">
      <div class="bg"></div>
      <div class="bd"></div>
    </div>
  </li>
</ul>

Answer 2

您可以使用现代的querySelector API来选择特定的元素，因为您知道要访问的子元素的唯一ID和类型（或“ tagName”）。

MDN article on querySelector

document.querySelector("#u5mH6ZV1aX21 input").value

如何从此Javascript / HTML代码中提取嵌套的值？

2 个答案: