如何通过DOM使div align =“center”？

Question

我有一个HTML代码：

<div id="first"></div>

我希望使用javascript（document.findElementById）来改变div的行为，使其成为：

<div id="first" align="center"></div>

我该怎么做？

Answer 1

document.getElementById("first").setAttribute("align", "center");

Answer 2

使用element.setAttribute^MDN

document.getElementById('first').setAttribute('align', 'center');

较为陈旧的方法是style边距：

document.getElementById('first').style.margin = '0 auto';

• DEMO

Answer 3

如果您已经拥有该元素的align属性

，则此方法有效

document.getElementById("first").attributes['align'] = 'center';

如果您还没有该属性，请使用setAttribute

document.getElementById('first').setAttribute('align', 'center');

Answer 4

document.getElementById('first').align = center

请参阅How to add/update an attribute to an HTML element using JavaScript?

Answer 5

不幸的是，align属性已弃用，不应使用。

您可以通过设置样式margin属性来居中特定宽度的DIV，如下所示：

document.getElementById('first').style.marginLeft = 'auto';
document.getElementById('first').style.marginRight = 'auto';

如果您已设置修改align属性，则可以这样做：

document.getElementById('first').align = 'center';

可以找到以here为中心DIV（使用CSS）的其他方法。