网页设计 怎么把文字用js变成按钮

JavaScript022

网页设计 怎么把文字用js变成按钮,第1张

你给li 元素加上了‘onclick’方法，理论上，li 已经可以当作按钮来用了。

你可能是想让li 元素看起来更像一个按钮吧， 那么可以给li 加点css 样式就可以了呀， 我一般都这样给按钮元素加样式 ，例如：

li{

display: block

width: 70px

height: 32px

text-align: center

line-height: 32px

background-color:#4aca6d

border-radius:5px}

希望对你有帮助，谢谢！

首先设置好按钮的属性，来个“A” 标签，将其设置隐藏，然后在那个DIV里面来个鼠标点击松开的事件，然后获取鼠标位置，之后JS调动好A标签的位置之后，将其显示出来，就可以了。之后的弹出窗口，又是隐藏和显示的属性，你懂的。

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文字的过程：