htmlJS for(){}循环内的函数不执行怎么解决?
如何点击按钮,就输出对应的value的值,.求解决思路。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""...
如何点击按钮,就输出对应的value的值,. 求解决思路。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><script>window.onload = function(){/* document.body.innerHTML = document.body.innerHTML+'<input type="button" value="确定" />'}*/var btn = document.getElementsByTagName('input')alert('1:能打印出数组的长度吗?'+i+btn.length)//输出数组的循环 只在函数内有效for( var i=0; i<10; i++){ //alert(i) btn[i].onclick = function(){alert(btn[i].value)}; };//循环输出按钮 alert('这里能执行说明代码没挂') }</script><body><input type="button" value="确定1" /><input type="button" value="确定2" /><input type="button" value="确定3" /><input type="button" value="确定4" /><input type="button" value="确定5" /></body></html> 展开
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><script>window.onload = function(){/* document.body.innerHTML = document.body.innerHTML+'<input type="button" value="确定" />'}*/var btn = document.getElementsByTagName('input')alert('1:能打印出数组的长度吗?'+i+btn.length)//输出数组的循环 只在函数内有效for( var i=0; i<10; i++){ //alert(i) btn[i].onclick = function(){alert(btn[i].value)}; };//循环输出按钮 alert('这里能执行说明代码没挂') }</script><body><input type="button" value="确定1" /><input type="button" value="确定2" /><input type="button" value="确定3" /><input type="button" value="确定4" /><input type="button" value="确定5" /></body></html> 展开
1个回答
展开全部
<script>
window.onload=function(){
var btn = document.getElementsByTagName('input');
//alert('1:能打印出数组的长度吗?'+btn.length);//输出数组的循环 只在函数内有效
for( var i=0; i<btn.length; i++){
var but = btn[i];
btn[i].onclick=function(){
alert(but.value);
}
}//循环输出按钮
//alert('这里能执行说明代码没挂');
}
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询