CSS-стилизация с проблемами JavaScript

Question

Поэтому я пытаюсь изменить границы моего h1 заголовок в следующем фрагменте кода, используя JavaScript для точности и потому, что CSS не поддерживает auto собственность для h1margin, Для этого я добавляю маржу, используя document. объект. Я бы использовал более продвинутый JavaScript, чтобы разделить ширину окна пополам и расположить h1 направляясь туда, однако, если такой простой код, как этот:

document.getElementsByTagName("h1")[0].style.marginLeft = "500px";

не работает то какой смысл? Может кто-нибудь объяснить мне, почему это не работает, и дать мне подходящее решение этой проблемы? Заранее спасибо.

ОБНОВИТЬ

Кажется, что код решает работать, когда он вызывается в функции, но не когда он сам по себе не используется. Любая помощь, почему?

Answer 1

Вы должны поместить измерение 500px в кавычки, подобные этому:

document.getElementById("qwert").style.marginLeft = "500px";

Если вы объясните свою большую проблему, возможно, это может быть полностью решено с помощью CSS, и для этого не нужно использовать JS.

---

Теперь, когда вы полностью изменили то, что вы спрашиваете в своем вопросе (что вы НЕ должны делать здесь), я постараюсь ответить на новый вопрос, который вы задаете.

Если код работает только при вызове функции, то у вас либо ошибка синтаксиса, либо ошибка синхронизации. Я предполагаю, что когда код не находится в функции, вы выполняете его слишком рано, прежде чем элементы DOM будут проанализированы и присутствуют.