获取值变量

Question

如何使用javascript获取此值变量？

<div class="sample-row-xxxxxx">
<div class="co-1 xxxxxxx">value</div>
</div>

页面上还有一个HTML代码，如果您注意到代码中的代码是x，则在这些x的原始文本中不是恒定的，并且我不知道如何从中获取值。 现在如何获取值变量？请引导我

Answer 1

您可以使用document.querySelector通过属性选择器在页面上获取元素。 querySelector和querySelectorAll接受jQuery之类的CSS选择器。

console.log(document.querySelector('[class*="sample-row"] .co-1').innerText)
console.log(document.querySelector('[class*="sample-row"]').className.replace(/sample-row-/, ''))

<div class="sample-row-xxxxxx">
<div class="co-1 xxxxxxx">value</div>
</div>

选择器将在类属性中某处具有sample-row元素的任何元素中找到.col-1。

如果您确定这是在课程开始时，可​​以使用[class^="sample-row"]选择器，但可以在采样行之前使用其他课程。