js中怎样得到button对象

js中怎样得到button对象,第1张

<script type="text/javascript">

function bn()

{

var btn1=documentgetElementById('bt');

alert(btn1innerHTML);

}

</script>

是可以取得对象的,这个方法没错,把你的代码发上来看一下

这个一般是后台渲染输出数据,你说的这个,就是用ajax提交查询信息给后台然后把查到的数据返回,用js将获取的数据添加到界面上例子:

data是返回的形参数据

success:function(data){

var str = '';

for(var i = 0 ; i < datalength; i++){

str += '<li>姓名:'+dataname+'</li>';

}

//然后将str字符串追加到指定容器

}

可以用jquery绑定点击事件

<div class="bdsharebuttonbox">

<a href="#" class="bds_more" data-cmd="more"></a>

<a href="#" class="bds_qzone" data-cmd="qzone"></a>

<a href="#" class="bds_tsina" data-cmd="tsina"></a>

<a href="#" class="bds_tqq" data-cmd="tqq"></a>

<a href="#" class="bds_renren" data-cmd="renren"></a>

<a href="#" class="bds_t163" data-cmd="t163"></a>

</div>

<script>

jQuery(function($) {

$("bdsharebuttonbox a")live('click', function() {

var c  = $(this)attr('class');

alert(c+':被点击了')

});

});

</script>

1、新建一个html文件,命名为testhtml,用于讲解Jquery如何获得div下的元素。

2、在testhtml文件内,使用div标签创建一个模块,在div内,使用p标签,span标签创建测试的内容。

3、在testhtml文件内,设置div的id属性为divcon,主要用于下面通过该id获得div对象。

4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获得div下的元素”。

5、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行divfun()函数。

6、在js标签中,创建divfun()函数,在函数内,通过id(divcon)获得div对象,使用html()方法便可以获得div对象下面的元素了。最后,使用alert()方法输出元素。

7、在浏览器打开testhtml文件,点击按钮,查看结果。

总结

1、创建一个testhtml文件。

2、在文件内,在div标签内,使用p标签创建一行文字,同时创建一个button按钮,用于触发执行js函数。

3、在js标签内,创建函数,在函数内,使用getElementById()方法通过id(mydiv)获是div对象,再使用getElementsByTagName()方法获得div下面的p元素对象,最后,使用alert()方法输出p元素的内容。

1、新建一个html文件,命名为testhtml。

2、在testhtml文件内,创建一个div模块,并设置其id属性为mydiv,用于下面使用js获得标签对象。

3、在testhtml文件内,在div标签内,填写一段文字,并加入一个span标签。

4、在testhtml文件内,创建一个button按钮,按钮名称为“获取html”。

5、给button绑定onclick点击事件,当按钮被点击时,执行myfun()函数。

6、在testhtml文件内,在js标签内,创建myfun()函数,在函数内,使用getElementById()方法获得div对象,通过innerHMTL属性获得div内的html内容,最后,使用alert方法将获得的html内容以d窗形式显示

7、在浏览器打开testhtml文件,点击按钮,查看获得的html标签内容。

楼主,你要搞清楚\x0d\一个表单中,\x0d\无论你放多少submit 都是提交同一个表单,\x0d\所以你放多个submit没有任何意义\x0d\如果是想根据特定的submit,来提交特定的值的话\x0d\你可以在每个submit 换成 button\x0d\给button绑定onclick事件\x0d\\x0d\调用函数,例如:\x0d\\x0d\ \x0d\ \x0d\ \x0d\\x0d\\x0d\script:\x0d\function subForm(type){\x0d\ alert(typevalue);//d出点击按钮的value值\x0d\ //这里就根据typevalue来进行特定的逻辑\x0d\ documentgetElementById("form1")submit(); //提交表单,同理如果有一个id为form2的表单,也可以用documentgetElementById("form2")submit(); 提交\x0d\} \x0d\\x0d\另外给文本的disabled = ‘disabled’的话,那么这个文本的值就不会提交到后台

这要分两种情况:

1、按钮在div中。

我们可以通过:

var btn = documentgetElementById("btn");//获取按钮节点

var div = btnparentNode;//获取di元素,当然不一定div就是按钮的父元素,可以通过parentNode向上查找,最好还是给div加一个id2、按钮不在div中

我们可以通过:

//以上这种情况最好给div加一个id,通过以下方式获得

var div = documentgetElementById("div")

//如果不想加的话,以下方式

var divs = documentgetElementsByTagName("DIV");

var div = divsitem(n);//n表示要取的div,从0开始

以上就是关于js中怎样得到button对象全部的内容,包括:js中怎样得到button对象、用js实现在文本框中输入名称后单击查询按钮显示出相关信息、百度分享的js 。如何获取当前被点击的按钮有很多个分享按钮等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9468718.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存