在做项目中遇到的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>
1
2
3
4
5
6
7
    
//定义一个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;

posted @ 2019-06-15 15:28  volition丶L  阅读(324)  评论(0编辑  收藏  举报