无涯教程-JavaScript - 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>

上面例子的输出

        <h2 id="h22">参考链接</h2><p><a target="_blank" href="https://www.learnfk.com/javascript/document-getElementById.html" style="">https://www.learnfk.com/javascript/document-getElementById.html</a></p>