2015-01-27 2 views
0

HTML:Как распечатать идентификатор с помощью document.getElementById?

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8" /> 
    <script type="text/javascript" src="fuctions.js"></script> 
    <title>Count JS</title> 
</head> 
<body> 
    <fieldset> 
     <input type="number" value="1" id="num" min="1" max="5"/> 
     <button onclick="getValue()"> 
      Submit 
     </button> 
    </fieldset> 
</body> 
</html> 

JS:

function getValue() { 
var x = parseInt(document.getElementById("num")); 
alert(x); 

}

Я просто хочу, чтобы напечатать это значение, которое я получаю, используя document.getElementById, но при печати появляется его:

enter image description here

Can som помощь?

+5

Вы пытаетесь для синтаксического анализа элемента HTML как целого. Это ** должно ** терпеть неудачу. –

+0

Попробуйте использовать это: this.getAttribute ('id'); – Vinc199789

+1

Что заставило вас подумать ['document.getElementById'] (https://developer.mozilla.org/en-US/docs/Web/API/document.getElementById) возвращает значение ввода? –

ответ

1

.value возвращает значение от входа, в вашем случае, вы пытаетесь конвертировать DOMNode в Integer, который будет возвращать NaN

var x = parseInt(document.getElementById("num").value); 

Example

1

Добавить .value после document.getElementById

function getValue() { 
    var x = parseInt(document.getElementById("num").value); 
    alert(x); 
} 
+0

Спасибо, это работает. – DevRyu

Смежные вопросы