请教,怎么用jquery或js给button显示文本改变

JavaScript019

请教,怎么用jquery或js给button显示文本改变,第1张

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就更简单了。