JavaScript教程-`document.getElementById()`

document.getElementById() 方法返回指定id的元素。

在之前的页面中，我们使用document.form1.name.value来获取输入文本的值。不过，我们可以使用document.getElementById()方法来获取输入文本的值，但我们需要为输入字段定义id属性。

让我们看一个简单的document.getElementById()方法的例子，它打印给定数字的立方。

<script type="text/javascript"> 
function getcube(){ 
  var number = document.getElementById("number").value; 
  alert(number * number * number); 
} 
</script> 
<form> 
  Enter No: <input type="text" id="number" name="number"/><br/> 
  <input type="button" value="cube" onclick="getcube()"/> 
</form>

在上面的例子中，我们使用了document.getElementById("number")来获取具有id为"number"的输入文本元素，然后通过.value属性来获取其值，并显示其立方值。