javascript如何获取html中的控件,Javascript-dom总结(获取页面控件)

1. 根据id获取控件

document.getElementById('txt2')

2. 根据name获取一组控件(radiobutton)

document.getElementsByName("gender")

3.通过标签获得一组控件

document.getElementsByTagName("input")

4.获取当前源控件(正在操作的控件)

window.event.srcElement

另外，如果控件声明了id属性，那么在js中可以直接通过id来获得该控件。

应用：设置所有button文字“按钮”，当前点击的button显示“别点我”

//初始化所有按钮为“按钮”

function fun() {

var btns = document.getElementsByTagName("button");

for (var i = 0; i < btns.length; i++) {

btns[i].innerText = "按钮";

//绑定点击事件

btns[i].onclick = btnClick;

}

//按钮点击事件

function btnClick() {

var btns = document.getElementsByTagName("button");

for (var i = 0; i < btns.length; i++) {

if (btns[i] == window.event.srcElement) {

btns[i].innerText = "别点我";

} else {

btns[i].innerText = "按钮";

}

javascript如何获取html中的控件,Javascript-dom总结(获取页面控件)相关推荐

【Java】使用lambda表达式获取list中所有对象的某个属性以及获取特定属性的某一个对象
使用lambda表达式获取list中所有对象的某个属性以及获取特定属性的某一个对象获取List中所有对象的某个属性获取List中某个特定属性的对象获取List中所有对象的某个属性案例如下:获取 ...
jsoup 获取html中body内容_Java 进阶利用Jsoup获取HTML页面的各分页中的标题信息...
简单介绍一下Jsoup Jsoup是一款Java 的HTML解析器,可直接解析某个URL地址.HTML文本内容.它提供了一套非常省力的API,可通过DOM,CSS以及类似于Xpath,jQuery的操 ...
js获取html中图片路径,用js快速的获取html页面中图片的地址
这次给大家带来用js快速的获取html页面中图片的地址,用js快速获取html页面中图片的地址的注意事项有哪些,下面就是实战案例,一起来看一下. 这篇文章主要介绍了js获取html代码中图片地址的实现 ...
linux如何获取raw中的文件路径,如何使用Linux获取Touchscreen Rawdata的坐标
我们有一个3米的微触摸显示屏.它通过usb连接到我的debian系统,并被识别为人机界面(hid).我正在尝试访问并推送实时信息-如果它被触及我想知道哪里(x,y)并通过netcat管道到另一台主机. ...
javascript 无法修改数组中对象_谈谈JavaScript中对象建立(Object)
在这篇文章中我将会着重说明如何创建JavaScript里的对象(Object). 对象(Object)是什么? 在开始介绍如何创建对象前,我们要知道对象是什么.对象(Object)简单地来说,就是一堆 ...
获取referer中的请求参数_javaweb之request获取referer请求头实现防盗链
在开发web程序的时候,有时我们需要得到用户是从什么页面连过来的,这就用到了referer. 它是http协议,所以任何能开发web程序的语言都可以实现,比如jsp中是: request.getHea ...
ios 获取html中的json数据,[IOS]UIWebView实现保存页面和读取服务器端json数据
#import"ViewController.h" @interfaceViewController() @end @implementation ViewController - ...
第五部份 01 深入JavaScript与.NET Framework中的日期时间 JavaScript中的Date类型
参考文章 http://www.cnblogs.com/JeffreyZhao/archive/2007/06/06/Inside_Date_and_Time_in_JavaScript_and_Do ...
vue获取div中的值_vue获取内存中的值并写入
发表评论发表评论第{{i+1}}楼匿名用户发表时间:{{item.id|dateFormat}} {{item.content}} 加载更多 export default{ data(){ ...
Jquery获取列表中的值和input单选、多选框控制选中与取消
一.Jquery获取列表中的值 1.jsp页面代码 <tbody><c:forEach var="model" items="${listRefEnti ...

javascript如何获取html中的控件,Javascript-dom总结(获取页面控件)

javascript如何获取html中的控件,Javascript-dom总结(获取页面控件)相关推荐

最新文章

热门文章