Как сделать div align = "center" через DOM?

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');

Менее архаичный подход заключается в стиле поле:

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

• DEMO

Answer 3

К сожалению для вас, атрибут align устарел и не должен использоваться.

Вы можете центрировать DIV определенной ширины, устанавливая атрибуты стиля margin, например:

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

Если вы настроили изменение атрибута align, вы можете сделать это следующим образом:

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

Другие способы центрирования DIV (с использованием CSS) можно найти здесь .

Answer 4

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

См. Как добавить / обновить атрибут для элемента HTML с помощью JavaScript?

Answer 5

Это работает, если у вас уже есть атрибут выравнивания для этого элемента

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

Если у вас еще нет атрибута, используйте setAttribute

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