更新 DOM 中的标签

Update a label within the DOM

本文关键字：标签 DOM 更新      更新时间：2023-09-26

>我有一个看起来像这样的JavaScript函数：

function recalculateWhatIfCurrentRate(aEle, aChangedLabel, recordID, yearEndCurrentRate) {
    var rate = document.getElementById(aEle).value;
    document.getElementById(aChangedLabel).value = yearEndCurrentRate * (1 + rate);
}
aEle = ctl00_cpMain_tbCurrentRatePercentIncrease_131578
aChangedLabel = ctl00_cpMain_lblScrollCurrentRate_131578
recordId = 131578
yearEndCurrentRate = 100.65

我想更改aChangedLabel的实际文本。

为什么它在 DOM 中没有改变？

<label>元素

没有value属性，它们是标准容器元素。他们的文本内容将在其子级（或后代）中表示为文本节点。

标签标签没有值属性，需要设置 innerHTML 来更改文本。

默认情况下，

从 DOM 中提取的值是字符串。这可能在计算中失败，因为您无法使用字符串进行数学运算。

尝试将值转换为数字：

var rate = parseFloat(document.getElementById(aEle).value);
相关文章：