在js中 ， 可以通过获得文字标签对象 ， 给textDecoration属性赋值 ， 从而实现给文字添加上划线 。 下面小编举例讲解js怎样给文字添加上划线 。
文章插图
需要这些哦
js+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解js如何给文字添加上划线 。
文章插图
2在test.html文件内 ， 利用p标签建立一行文字 ， 用于测试 。
文章插图
3在test.html文件内 ， 设置p标签的id为wz 。
文章插图
4在test.html文件内 ， 建立一个按钮 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行setLine()函数 。
文章插图
5在js标签内 ， 建立一个setLine()函数 ， 在函数内 ， 经由过程id获得p标签对象 ， 设置其textDecoration属性为overline ， 实现上划线的设置 。
文章插图
6在浏览器打开test.html文件 ， 点击按钮 ， 查看实现的结果 。
文章插图
总结：1【js怎样给文字添加上划线】1、利用p标签建立一行文字 ， 设置p标签的id为wz 。 2、建立一个按钮 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行setLine()函数 。 3、在js标签内 ， 建立一个setLine()函数 ， 在函数内 ， 经由过程id获得p标签对象 ， 设置其textDecoration属性为overline ， 实现上划线的设置 。 4、在浏览器打开test.html文件 ， 点击按钮 ， 查看实现的结果 。
以上内容就是js怎样给文字添加上划线的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- css如何定义文字波浪线的颜色
- 作业登记簿小程序怎样创建班级打卡
- css怎样使用text
- 新手怎么安全地给篮球打气和放气
- 哈威那窝咳吃什么药最好
- 动物餐厅中如何解锁草莓糖葫芦菜谱
- 动物餐厅中如何解锁章鱼烧菜谱
- 动物餐厅中如何解锁蒙布朗菜谱
- 动物餐厅中如何解锁汤圆菜谱
- 动物餐厅中如何解锁冰西瓜菜谱