如何从这个Javascript/HTML代码中提取嵌套值？
如何从这个Javascript/HTML代码中提取嵌套值？
提问于 2018-10-26 04:06:03
在这段代码中，我希望通过Javascript DOM元素提取"Yes，I am a Speaker“的值。通过使用getElementById。但是，我不知道如何访问值，因为它嵌套在列表元素中，而列表没有任何值和属性。并且，在这个代码中，只有list有一个唯一的id来选择这个元素。有几个这样的代码块具有唯一的列表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>回答 2
Stack Overflow用户
回答已采纳
发布于 2018-10-26 04:12:35
因此，请按类或元素类型选择元素
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>
Stack Overflow用户
发布于 2018-10-26 04:13:14
您可以使用现代的querySelector API来选择特定的元素，因为您知道要访问的子元素的惟一ID和类型(或"tagName")。
document.querySelector("#u5mH6ZV1aX21 input").value页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52997284
复制相关文章
相似问题