텍스트 값을 HTML에서 Javascript 변수로?

Question

다음 행이 html을 취하여 Javascript var에 숫자 값으로 넣는 올바른 방법인지 알고 싶습니다.

var thePoolHeatingFeeRounded = Number(document.getElementsById("priceDisplayPoolHeating").innerHTML); 

변수 이름에 'rounded'라는 단어가 있음을주의하십시오. 이 var에 넣으려고하는 값은 이미 반올림 된 2 포인트 플로트이며 html로 존재합니다.

다음은

$<div id="priceDisplayPoolHeating" class="priceDisplay">8.00</div> 

모든 입력이 크게 감사합니다 ... getElementsById 참조하는 HTML 코드의 라인입니다.

Answer 1

당신은 매우 가깝습니다. 요소가 아니라 getElementById로 가정합니다. 어떻게 작동하는지 알려주는 약간의 코드를 만들었습니다.

다음은 코드가이 웹 사이트의 코드 디스플레이 어에 어떻게 표시되는지를 보여줍니다 :

function displayText(){ 
 

 
var thePoolHeatingFeeRounded = Number(document.getElementById("priceDisplayPoolHeating").innerHTML) 
 

 
    alert(thePoolHeatingFeeRounded); 
 
}

<div id="priceDisplayPoolHeating">8.01</div><input type="button" onclick="displayText()" value="Display the innerHTML of Pool Heating">

Answer 2

대신을 시도해보십시오

var thePoolHeatingFeeRounded = Number(document.getElementById("priceDisplayPoolHeating").innerHTML);

당신은 (는 복수하지 않습니다), 나는 getElementById

팁으로 변경 정확하지 getElementsById를 호출했다

: 당신이 있는지 여부를 확인해야하는 경우 숫자는 !isNaN(thePoolHeatingFeeRounded)을 사용하거나 트릭을 사용하여 다음과 같이 기본 번호 (예 : 0 또는 -1)로 바꿀 수 있습니다.

var thePoolHeatingFeeRounded = Number(document.getElementById("priceDisplayPoolHeating").innerHTML) || 0;

또한 parseFloat()를 사용할 수 있습니다

var thePoolHeatingFeeRounded = parseFloat(document.getElementById("priceDisplayPoolHeating").innerHTML) || 0;