淘先锋技术网

首页 1 2 3 4 5 6 7
使用JS设置文字居中显示

使用JS设置文字居中显示

在编写网页时,经常需要将段落、标题等居中显示。下面介绍一种使用JS设置文字居中显示的方法。

首先,在需要居中显示的元素中添加一个ID属性(如ID="center"),然后使用以下代码实现居中显示操作:

var obj = document.getElementById("center");
obj.style.textAlign = "center";

代码解析:

  • 首先使用 getElementById方法获取需要居中的元素。
  • 然后将该元素的样式属性“textAlign”设置为“center”即可实现文字居中。

如果需要批量居中显示元素,可以使用以下代码:

var objs = document.getElementsByTagName("p");
for(var i=0; i

代码解析:

  • 首先使用getElementsByTagName方法获取所有需要居中的元素。
  • 然后使用for循环对元素进行样式设置。