Javascript css文本与innerHTML对齐

我无法使用innerHTML对齐文本

a= document.createElement('a');
a.style.cssText= 'font-size: 20px; cursor: pointer; text-align:center;';
a.innerHTML = 'Align ME TO CENTER!';

---

默认向左对齐，然后它就一直这样。。。有什么建议吗？

首先，您的代码中有一个bug：

你在哪里

var a = document.createElement('a');
a.style.cssText= 'font-size: 20px; cursor: pointer; text-align:center;';
a.innerHTML = 'Align ME TO CENTER!';

你应该：

var a = document.createElement('a');
a.setAttribute('style','font-size: 20px; cursor: pointer; text-align:center;');
a.innerHTML = 'Align ME TO CENTER!';

要解决您的问题，在样式中，您需要将

display

属性设置为

block

，如下所示：

a.setAttribute('style', 'font-size: 20px; cursor: pointer; text-align: center; display:block;');

---

非常感谢。我应该考虑使用setAttribute。。我以为他们做同样的事，但我想不是。