js如何设置文字的对齐方式
在js中，通过获得文字元素对象，对它的textAlign属性进行赋值，便可以实现改变文字的对齐方式。下面小编以让文字右对齐为例，讲解js如何设置文字的对齐方式。
东西/原料
- js+html
- 代码编纂器：zend studio 10.0
方式/步调
- 1
新建一个html文件，定名为test.html，用于讲解js如何设置文字的对齐体例。
- 2
在test.html文件内，利用div标签建立一行文字，并设置其id为myword。
- 3
在css标签内，经由过程id设置div的样式，界说它的布景颜色为黄色，宽度为200px，高度为100px。
- 4
在test.html文件内，建立一个按钮，给button按钮绑定onclick点击事务，当按钮被点击时，执行changeRig()函数。
- 5
在js标签内，建立changeRig()函数，在函数内经由过程id获得div标签对象，设置style中的textAlign属性为right，实现文字的右对齐。
- 6
在浏览器打开test.html文件，点击按钮，查看实现的结果。
END
总结：
- 1
1、利用div标签建立一行文字，并设置其id为myword。
2、在css标签内，经由过程id设置div的样式，界说它的布景颜色为黄色，宽度为200px，高度为100px。
3、建立一个按钮，给button按钮绑定onclick点击事务，当按钮被点击时，执行changeRig()函数。
4、在js标签内，建立changeRig()函数，在函数内经由过程id获得div标签对象，设置style中的textAlign属性为right，实现文字的右对齐。
5、在浏览器打开test.html文件，点击按钮，查看实现的结果。
END
- 发表于 2021-01-06 20:00
- 阅读 ( 366 )
- 分类：其他类型
