在js中 ， 通过获得文字元素对象 ， 对它的textAlign属性进行赋值 ， 便可以实现改变文字的对齐方式 。 下面小编以让文字右对齐为例 ， 讲解js如何设置文字的对齐方式 。
文章插图
需要这些哦
js+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解js若何设置文字的对齐体例 。
文章插图
2在test.html文件内 ， 利用div标签建立一行文字 ， 并设置其id为myword 。
文章插图
3在css标签内 ， 经由过程id设置div的样式 ， 界说它的布景颜色为黄色 ， 宽度为200px ， 高度为100px 。
文章插图
4【js如何设置文字的对齐方式】在test.html文件内 ， 建立一个按钮 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行changeRig()函数 。
文章插图
5在js标签内 ， 建立changeRig()函数 ， 在函数内经由过程id获得div标签对象 ， 设置style中的textAlign属性为right ， 实现文字的右对齐 。
文章插图
6在浏览器打开test.html文件 ， 点击按钮 ， 查看实现的结果 。
文章插图
总结：11、利用div标签建立一行文字 ， 并设置其id为myword 。
2、在css标签内 ， 经由过程id设置div的样式 ， 界说它的布景颜色为黄色 ， 宽度为200px ， 高度为100px 。
3、建立一个按钮 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行changeRig()函数 。
4、在js标签内 ， 建立changeRig()函数 ， 在函数内经由过程id获得div标签对象 ， 设置style中的textAlign属性为right ， 实现文字的右对齐 。
5、在浏览器打开test.html文件 ， 点击按钮 ， 查看实现的结果 。
以上内容就是js如何设置文字的对齐方式的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 一直播，怎么设置收到礼物自动回复功能
- 支付宝收款码被换我们如何获得理赔
- 淘宝APP上如何编辑收货地址
- 爱听app如何更换皮肤
- word怎么设置文档段落符号
- QQ浏览器怎么设置新建标签页为指定网址
- Word：如何设置脚注的符号标记
- Word：如何删除文档中的单个脚注
- 索尼HX400数码相机如何连接智能手机
- 全民K歌app如何关闭耳机返听功能