1、过程如下,首先打开hbuilder软件,在空白文件里写入两个button设置简单的样式,并分别设置id属性为btn1和btn2,在下方加入script标签,获取button1的dom元素并给其button标签一个click事件,当点击button1的时候,文字就会改变:
2、按下crtl+s保存一下,在浏览器中可以看到两个按钮:
2、在右侧的浏览器点击button1的按钮,button1的文字内容就改变了:
3、jquery需要先在下方将jquery引入文件,之后用jquery的“$”选择符获取button2的dom,并给它设置一个click事件,之后就可以改变button的内容了:
4、保存以后,同样在浏览器点击button2,也可以观察到文字内容改变了。以上就是用js和jquery改变button文字的过程:
<html><head>
<title>测试</title>
<script type="text/javascript">
function change(){
//根据id获取DOCUMENT对象
var btn=document.getElementById("test")
//改变值
btn.value="测试"
}
</script>
</head>
<body>
<input type="button" name="test" id="test" value="CESHI" onclick="change()"></input>
</body>
</html>
当然如果使用jQuery就更简单了。