JavaScript中如何实现文本左对齐

这篇文章主要介绍了JavaScript中如何实现文本左对齐的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇JavaScript中如何实现文本左对齐文章都会有所收获，下面我们一起来看看吧。

创新互联专注于企业成都营销网站建设、网站重做改版、绥滨网站定制设计、自适应品牌网站建设、H5网站设计、商城建设、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为绥滨等各大城市提供网站开发制作服务。

方法：1、利用setAttribute()，语法“元素对象.setAttribute("style","text-align:left")”；2、利用textAlign属性，语法“元素对象.style.textAlign="left";”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript中实现文本左对齐

方法1：利用setAttribute()



	
		
		
	

	
		一个div元素

让文本左对齐 function replaceMessage() { var div = document.getElementById("box"); div.setAttribute("style", "text-align: left;"); }

JavaScript中如何实现文本左对齐

setAttribute() 方法添加指定的属性，并为其赋指定的值。如果这个指定的属性已存在，则仅设置/更改值。

方法2：利用style对象的textAlign属性

textAlign 属性用于控制元素中文本的对齐方式，当值设置为“left”则可把文本排列到左边。



	
		
		
	

	
		一个div元素