900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > js如何设置下划线按钮 – CSS – 前端 css3 拆红包动画

js如何设置下划线按钮 – CSS – 前端 css3 拆红包动画

时间:2020-10-20 17:11:52

相关推荐

js如何设置下划线按钮 – CSS – 前端 css3 拆红包动画

新建一个html文件,命名为test.html,用于讲解js如何给p标签内容添加下划线。

2

/6

在test.html文件内,使用p标签创建一行文字,用于测试。

3

/6

在test.html文件内,设置p标签的id为test。

4

/6

在test.html文件内,创建一个按钮,给它绑定onclick事件,点按钮被点击时,执行changeDec()函数。

5

/6

在js标签内,创建changeDec函数,在函数内,通过id获得p标签对象,设置其textDecoration属性为underline,从而实现下划线的设置。

6

/6

在浏览器打开test.html文件,点击按钮,查看结果。

总结:

1

/1

1、使用p标签创建一行文字,设置p标签的id为test。

2、创建一个按钮,给它绑定onclick事件,点按钮被点击时,执行changeDec()函数。

3、在js标签内,创建changeDec函数,在函数内,通过id获得p标签对象,设置其textDecoration属性为underline,从而实现下划线的设置。

4、在浏览器打开test.html文件,点击按钮,查看结果。

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