name和value的簡單js用法
阿新 • • 發佈:2019-01-12
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;