name和value的簡單js用法

name和value：

例如:

<input type="text" name="txt"/>

name用於定義這個input收到的值的變量名，在上面的input輸入“hello",那么就有txt="hello";用於dom操作取值

在用js改變某個div屬性進行傳值操作時，div其實可以用name，例如：

<div class="div_1" name="0" style="background-color:red" onClick="change_color(this)"></div>
1
<div class="div_1" name="1" style="background-color:black" onClick="change_color(this)"></div>

//定義一個div class名相同的數組下標<br>var index = null;<br>//定義變量為空，通過class名找到div
var div_1_change = null;<br>//當鼠標點擊時調用的函數
function change_color(flag){<br>//下標值就是div的name值
    index = flag.getAttribute("name");<br>//找到div
   div_1_change = document.getElementsByClassName("div_1");<br>//更改其背景色
   div_1_change[index].style.backgroundColor = "blue";
}
 

<input type="button" value="btn"/>

value就是該input的值，也是顯示出來的東西，按鈕上的文字就btn；