DOM获取被点击的组件

<!DOCTYPE HTML>
<html>

<head>
</head>
<body>
<input name="myt" type="text" value="1">
<input name="myt" type="text" value="2">
<input name="myt" type="text" value="3">
<input name="myt" type="text" value="4">
<input name="myt" type="text" value="5">
<input name="myt" type="text" value="6" onclick="getnum(this);" id="test">


<span id="show"></span>
<script type="text/javascript">
function getnum(obj){
var mynode=document.getElementsByName("myt"); //获取输入框组件数组
var show=document.getElementById("show");//获取显示信息的span
for (var i = mynode.length - 1; i >= 0; i--) {
if(mynode[i]==obj){//比较输入框组中id和被点击的输入框id是否相同
show.innerHTML=obj.value;//将显示信息的span值设为被点击的输入框的值
show.style.color="white";//设置显示span的样式
show.style.backgroundColor="pink";
}
}

}
</script>
</body>
</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,827评论 2 17
  • 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放...
    孤魂草阅读 904评论 0 0
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,313评论 0 7
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 1,891评论 0 1
  • 穿透效果需要做到两点: 1.tableView的可视范围占据整个父控件(或者屏幕)--设置contentsize滚...
    Tang_shuya阅读 2,835评论 2 11