亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么增量被放在我想要增加的值旁邊

為什么增量被放在我想要增加的值旁邊

守著星空守著你 2023-09-07 17:14:31
我試圖在單擊按鈕時將 h1 標記中的數字簡單地增加 100。我能夠使用 ++ 運算符使其增加 1,但是當我嘗試使用 += 運算符增加 100 時,它會將值放在初始值旁邊,并且每次單擊都會執行此操作,為什么會發生這種情況?這是我的代碼:function Cash() {    var x = document.getElementById("money").innerHTML;    x += 100;    document.getElementById("money").innerHTML = x;}<div class="col-6 balance">   <h1 id="money" value="0">0</h1></div><button onclick="Cash()">Increase</button>
查看完整描述

2 回答

?
智慧大石

TA貢獻1946條經驗 獲得超3個贊

您從中獲取的值innerHTML是一個字符串,因此當您+=向字符串添加(使用 )某些內容時,它會連接原始字符串的末尾。


快速修復可以使用Number方法:


function Cash() {

    var x = Number(document.getElementById("money").innerHTML);

    x += 100;

    document.getElementById("money").innerHTML = x;

}

<div class="col-6 balance">

   <h1 id="money" value="0">0</h1>

</div>

<button onclick="Cash()">Increase</button>


查看完整回答
反對 回復 2023-09-07
?
汪汪一只貓

TA貢獻1898條經驗 獲得超8個贊

您沒有獲得預期結果的原因+=是由于兩者innerHTML都innerText返回字符串而不是數字。所以你的代碼正在'0'+'100'將 100 轉換為字符串。如果您在添加之前轉換為數字,事情將按預期工作。


function cash() {

    var x = document.getElementById("money").innerText;

    x = parseInt(x, 10);

    x += 100;


    document.getElementById("money").innerHTML = x;

}


cash()

<div class="col-6 balance">

   <h1 id="money" value="0">0</h1>

</div>


查看完整回答
反對 回復 2023-09-07
  • 2 回答
  • 0 關注
  • 135 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號