javascript获得页面所有按钮(按钮都有id)
4个回答
展开全部
楼主所指的按钮是广义的按钮还是仅仅button类型的按钮呢？
<!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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function(){
var btns=document.getElementsByTagName('button'); //遍历<button></botton>类型的按钮
for(n=0;n<btns.length;n++){
if(btns[n].id) btns[n].onclick=function(){alert(this.id);}
}
var inputs=document.getElementsByTagName('input'); //遍历<input>类型的按钮
for(var i=0;i<inputs.length;i++){
if((inputs[i].type=='button'||'submit'||'reset'||'checkbox'||'radio')&&inputs[i].id){
if(inputs[i].type=='button'&&inputs[i].id) //这里仅仅“button”。如果考虑所有类型的按钮，请将这一句注释掉再看效果
{
inputs[i].onclick=function(){
alert(this.id); // 测试
}
}}}}
</script>
</head>
<body>
<input type="button" value="Button 1" id='b0'>
<input type="submit" value=Submit id='b1'>
<input type="reset" value=Reset id='b2'>
<input type="checkbox" value=Checkbox id='b3'>
<input type="radio" value=Radio id='b4'>
<button id="b5" >Button 2</button>
</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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function(){
var btns=document.getElementsByTagName('button'); //遍历<button></botton>类型的按钮
for(n=0;n<btns.length;n++){
if(btns[n].id) btns[n].onclick=function(){alert(this.id);}
}
var inputs=document.getElementsByTagName('input'); //遍历<input>类型的按钮
for(var i=0;i<inputs.length;i++){
if((inputs[i].type=='button'||'submit'||'reset'||'checkbox'||'radio')&&inputs[i].id){
if(inputs[i].type=='button'&&inputs[i].id) //这里仅仅“button”。如果考虑所有类型的按钮，请将这一句注释掉再看效果
{
inputs[i].onclick=function(){
alert(this.id); // 测试
}
}}}}
</script>
</head>
<body>
<input type="button" value="Button 1" id='b0'>
<input type="submit" value=Submit id='b1'>
<input type="reset" value=Reset id='b2'>
<input type="checkbox" value=Checkbox id='b3'>
<input type="radio" value=Radio id='b4'>
<button id="b5" >Button 2</button>
</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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function getallbutton(){
var btns = document.getElementsByTagName("button");
for(var i=0;i<btns.length;i++){
alert(btns[i].id);
}
}
</script>
</head>
<body>
<button id="b1" onclick="getallbutton()" >b1</button>
<button id="b2" >b2</button>
<button id="b3" >b3</button>
<button id="b4" >b4</button>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function getallbutton(){
var btns = document.getElementsByTagName("button");
for(var i=0;i<btns.length;i++){
alert(btns[i].id);
}
}
</script>
</head>
<body>
<button id="b1" onclick="getallbutton()" >b1</button>
<button id="b2" >b2</button>
<button id="b3" >b3</button>
<button id="b4" >b4</button>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
var but=document.createElement('input');
but.type='button';
but.value='button';
document.getElementById('mydiv').appendChild(but);
</script>
把上面的代码放在源代码的末尾,这样的方法比前两位好的原因是不改变原来DIV中的内容
var but=document.createElement('input');
but.type='button';
but.value='button';
document.getElementById('mydiv').appendChild(but);
</script>
把上面的代码放在源代码的末尾,这样的方法比前两位好的原因是不改变原来DIV中的内容
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
既然有id就用document.getElementById()好了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
