时间戳

首页 > 解决方案 > 我想从多个类中获取 InnerHTML 元素

javascript - 我想从多个类中获取 InnerHTML 元素

问题描述

我可以使用以下方法从单个类中获取 InnerHTML 值并输出到控制台

var price = document.getElementsByClassName("price1")[0].innerHTML;
console.log(price);

但是，我现在想从 3 个类中获取数值并将它们组合成一个数值。

HTML 看起来像这样

<div class="price">
 <span class="pounds">45</span>
 <span class="seperator">.</span>
 <span class="pence">99</span>
</div>

所需的结果是将 45.99 作为数值输出到控制台。

标签： javascriptjqueryconsole

解决方案

您可以保存所有值并控制台记录它们的插值。在+那里将字符串转换为数字。

span针对嵌套两个元素的情况进行了编辑：

const pounds = document.getElementsByClassName("pounds")[0].innerHTML;
const separator = document.getElementsByClassName("separator")[0].innerHTML.split('<')[0];
const pence = document.getElementsByClassName("pence")[0].innerHTML;

const price = +`${pounds}${separator}${pence}`
console.log(typeof price, price);
<div class="price">
  <span class="pounds">45</span>
  <span class="separator">.<span class="pence">99</span></span>
</div>

推荐阅读