name和value的简单js用法

Posted 2021-02-02 OH-MY-GOD

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；