如何触发Span元素填充在“输入”字段（Javascript）中输入的值

Question

我正在为网页创建一个Bookmarklet，并遇到一个Span id =“ totalAmount”元素（摘要表），该元素通常是在将值手动输入到“输入”字段（id =“ Amount”）中并单击后填充的，输入值。 我可以使用“书签”成功输入值，但未填充Span id =“ totalAmount”元素。 我想念什么？

这是HTML

<input id="Amount" class="with-prefix sum-amount" type="tel" value="" name="Amount" data-val-required="Please enter your amount" data-val-regex-pattern="^\d*\.?\d{0,2}$" data-val-regex="Please enter the amount" data-val-reasonableincome="" data-val-number="The field What is your amount? must be a number." data-val="true" aria-describedby="AmountTooltip"/>

<div class="summary-table clearfix">
<div class="summary-table-item">
<span class="text">Total amount</span>
<span class="curr-sign">£</span>
<span id="totalAmount" class="value"/>
</div>

手动在“输入”字段中输入值时，span元素将填充相同的值，并且代码更改为：

<span id="totalAmount" class="value">25000.00</span>

但是，当我使用以下Bookmarklet时，尽管已使用值成功输入了Input字段，但“ totalAmount”跨度并未填充

javascript: var newPage = {
    formFill: function() {
        document.querySelectorAll("#Amount")[0].value = '25000';
    }
};
newPage.formFill()

注意 ：由于权限的原因，我无法修改HTML

非常感激

Answer 1

span不是input元素，它具有innerHTML ，而不是value

document.getElementById( "Amount" ).onchange = function(){
   document.getElementById("totalAmount").innerHTML = this.value;
}

Answer 2

首先，跨度未正确关闭。 请更正。

查询发生在Input元素上，而不是跨度。

如果希望跨度填充在输入元素中输入的值。 您必须编写一个进行计算的函数。 这可以绑定到键盘事件。

Answer 3

// use this code and close span tag.

javascript: var newPage = {
  formFill: function() {
     document.querySelectorAll("#Amount")[0].value  = '25000';
     document.getElementsByClassName(".curr-sign").textContent = '25000';
     document.getElementById("totalAmount").textContent = "25000";
  }
};
newPage.formFill();