使用JavaScript獲取HTML按鈕的價值

我正在製作一個計算器，我已經在html和css中創建了計算器，但我試圖通過使按鈕單擊寄存器在顯示器中前進，這是我的問題所在馬上。我對JavaScript相當陌生，所以如果有人能指出我正確的方向如何做到這一點或在哪裏找到答案，我將不勝感激。使用JavaScript獲取HTML按鈕的價值

這是我正在努力的部分，試圖讓按鈕'7'註冊，所以我可以做其他人。

<div class="container-fluid calc" > 
<div class="display"> 
    <label type="text" id="screen">0</label> 

    <div class="buttons"> 

    <button onClick='calculate()' id='myButton'>7</button> 
    <button>8</button> 
    <button>9</button>

這裏是JS我放在一起

function calculate(){ 
    var num = document.getElementById('#myButton').contentValue; 
    document.getElementById('screen').innerHTML = num; 
} 

calculate();

來源

2016-01-14 sammyb123

的getElementById（ '＃爲myButton'）應的getElementById（ 'myButton的'）。＃用於JQuery函數 – Reinard

您需要更新更新來自

var num = document.getElementById('#myButton').contentValue;

到

var num = document.getElementById('myButton').innerHTML;

來源

2016-01-14 20:01:36 nikhil

謝謝尼克希爾，那是它 – sammyb123

@ sammyb123 - 感覺很好，幫助你 – nikhil

，您應該使用.innerHTML功能，而不是.contentValue功能要做到這一點，另外，你不應該在這個document.getElementById使用#使用在jQuery中，所以只需ID就足夠了

function calculate(){ 
    var num = document.getElementById('myButton').innerHTML; 
    document.getElementById('screen').innerHTML = num; 
} 

calculate();

希望這有助於！

來源

2016-01-14 20:01:15 Simplicity

'＃'不是jQuery。它是一個選擇器。你可以使用document.querySelector。只是要清楚。無論哪種方式+1。 – AtheistP3ace

@ AtheistP3ace謝謝你，老實說不知道。每天學習新東西 – Simplicity

那麼，今天知識已經在各個方向傳播了！ =] – AtheistP3ace

function calculate(){ 
    var num = document.getElementById('#myButton').contentValue; 
    document.getElementById('screen').innerHTML = num; 
}

到

function calculate(){ 
    var num = document.getElementById('myButton').innerText; 
    document.getElementById('screen').innerText = num; 
}

來源

2016-01-14 20:20:55

另一種選擇是，你可以是這樣的數據屬性：

<button onClick='calculate()' id='myButton' data-value="7">7</button>

，並得到這樣的：

$("#myButton").attr("data-value");

來源

2016-01-14 20:28:50

使用JavaScript獲取HTML按鈕的價值

回答

相關問題