码迷,mamicode.com
首页 > Web开发 > 详细

name和value的简单js用法

时间:2019-01-12 16:44:38      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:var   getattr   attribute   dex   定义变量   func   elements   NPU   输入   

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;

name和value的简单js用法

标签:var   getattr   attribute   dex   定义变量   func   elements   NPU   输入   

原文地址:https://www.cnblogs.com/lsqbk/p/10260033.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!