使用 Javascript 提取值答案

【问题标题】：Extract Value Using Javascript使用 Javascript 提取值
【发布时间】：2022-12-09 15:53:28
【问题描述】：

我想打印以控制 sum_div 的值为“100.20”。

我有以下内容

未捕获的 TypeError：无法读取 null 的属性（读取“innerText”）

var myValue = document.getElementsByClassName('main class-number')[0].getAttribute('sum_div').innerText;
console.log(myValue);

&lt;div sum_div="" class="main class-number"&gt;&lt;span sum_div=""&gt;100.20&lt;/span&gt;&lt;span sum_div="" class="unit CUR"&gt;&lt;/span&gt;&lt;/div&gt;

【问题讨论】：

不确定您希望该代码如何返回内容100.20。 .getAttribute('sum_div')调用将返回属性sum_div=""的值？！请改用.textContent。
querySelector 可能更整洁：document.querySelector('.main.class-number').textContent。
元素具有 innerText 属性，而不是属性。 getAttribute('sum_div') 调用将直接返回属性的值。如果你有 <div sum_div="100.20"，那么 .getAttribute('sum_div') 将返回 "100.20"

标签： javascript

【解决方案1】：

您的选择器和处理没有意义。

这里有一些选择

const spans =  document.querySelectorAll('div.main.class-number span')
spans.forEach((span, i) => console.log(i,span.getAttribute("sum_div"), span.textContent))

&lt;div sum_div="DivSumDiv" class="main class-number"&gt;&lt;span sum_div="SpanSumDiv1"&gt;100.20&lt;/span&gt;&lt;span sum_div="SpanSumDiv2" class="unit CUR"&gt;&lt;/span&gt;&lt;/div&gt;

【讨论】：