首页 > Web开发 > 详细

name和value的简单js用法

时间:2019-01-12 16:14:05      阅读:160      评论:0      收藏:0      [点我收藏+]

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用法

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!