javascript - 将类中元素的值输入到 onclick 中

标签 javascript html onclick

如何将从类中的元素中提取的值输入到 onclick 函数中?

以下是我希望获得的结果代码:

<span class="total-sum"><span>2 790.00</span> USD</span>

<span onclick="calculate_cart(68803,2790.00);">GO</span>

请注意,第一个元素中的 2 790.00 的空格已被删除,并被放入 onclick 中。

这是我编写的一些 JS,它成功地提取了 `2 790.00 并删除了空格:

.querySelector( ".total-sum span").textContent.replace(/\s/g, "");

我不知道如何将代码放入 onclick 本身。

最佳答案

为什么不直接在 calculate_cart 中提取 .total-sum span 的内容,而不是替换 onclick 属性文本?

function calculate_cart(some_id) {
  var total_sum = document.querySelector(".total-sum span").textContent.replace(/\s/g, "");
  // the rest of `calculate_cart`
}

然后你就不需要第二个参数了:

<span onclick="calculate_cart(68803);">GO</span>

关于javascript - 将类中元素的值输入到 onclick 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45087370/

相关文章:

javascript - 调整图形标签中的文本

Javascript Iframe 注入(inject)到 <body> 标签的开头

javascript - 运行 JS 函数按顺序运行 onclick

javascript - 在 onclick 方法 JSP 生成的文本中转义单引号

javascript - jquery has() 似乎没有按预期工作

javascript - 链接的 jquery 事件处理

javascript - 遍历对象数组并通过 ID 引用返回总和

html - 谷歌浏览器 (v.51) 未应用打印媒体 css

html - 如何国际化html页面

reactjs - React onClick 在加载时触发多次,并且组件 props 中不包含回调函数