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标签内容。
直接获取label对应的input对象就行,因为label会触发其对应的input对象,触发形式有两种,你这里用label将input对象包裹起来的写法是隐式触发,另一种显示触发是为label加上for属性,属性值指向input对象的id,无论采取哪种方法,label标签的点击事件都会传递到input对象上,所以这里可以这样获取:
// 点击触发,获取当前点击那个值就行$('btn-groupbtn-overlapbtn-corner')find(':radio')click(function() {
consolelog($(this)val());
})
// 直接获取,获取哪个选中
var rdoValue = $('btn-groupbtn-overlapbtn-corner')find(':radio:checked')val();
consolelog(rdoValue);
直接往后写就行
$(this)addClass('reed')siblings('wrap')removeClass('reed')html($(this)html());
你可以把html改成 val或者text
record获取当前点击的值方法:1、使用p标签创建一个文字,给p标签添加一个value属性。
2、在reC0rd中,通过class获得p标签对象,给它绑定click点击事件,当它被点击时,使用attr()方法获得reC0rd的值。
以上就是关于js 获取 html标签全部的内容,包括:js 获取 html标签、怎么用jQuery获取选中的label标签、新手求帮助jq点击事件添加class类后获取当前点击的文本,然后赋值给其他空标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)