js如何自動(dòng)獲取input的默認(rèn)值顯示在div上？

思路：獲取input元素→使用value屬性獲取input的值→使用innerHTML屬性設(shè)置獲取到的值到其他文本元素中顯示出來(lái)。實(shí)例演示如下：

1、HTML結(jié)構(gòu)

<div id="test_div"></div>

輸入：<input type="text" id="val"><input type="button" value="確定" onclick="fun()">

2、javascript代碼

function fun(){

var val = document.getElementById("val").value;

var div = document.getElementById("test_div");

div.innerHTML += val + "<br>";

}