100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > javascript如何获取html中的控件 Javascript-dom总结(获取页面控件)

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

时间:2024-05-31 17:19:20

相关推荐

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 = "按钮";

}

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。