1. 程式人生 > >name和value的簡單js用法

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;