DOM

[Voipp]

DOM представляет собой возможность доступа к элементам страницы на javascript через понятный и привычный интерфейс. Но как это реализовано физически?

[Naive]

Мб стоит почитать исходники хрома/фф? Или что именно интересует? Не понял вопроса.

[pompiduskus]

На самом деле там не так уж тяжело.

Например: что бы изменить стиль любого элемента на странице (только после ПОЛНОЙ загрузки), нужно сначало обратиться к этому элементу.

Пример 1

<div id="info">Info<div>

обращаемся к нужному элементу в данном случае через его ID

var infoDiv = document.getElementById("info");

Теперь изменим ему отступ с верху.

infoDiv.style.marginTop = '20px';

Или в одну строку

document.getElementById("info").sty le.marginTop = '20px';

Таким способом можно изменить все что угодно
В именах используется только вербльюжя запись "Camel notation"

если нужно изменить background-color то запись будет такой
infoDiv.style.backgroundColor = 'red';

infoDiv.style.backgroundPosition = 'absolute';

infoDiv.style.backgroundImage = 'url('img/img.png')';

и т.д.

вообщем все что есть в CSS, ну или почти все, я сам не знаю ))
можно изменять таким способом через JS

================================

а если нужно добавить "на лету элемент" в другой элемент

Нужно его создать docement.createElement("element")
docement. значит что создан он будет для этого окна
createElement("div") такая встроенная функция которая на лету создает элемент

var newElement = docement.createElement("div"); или ("P") или ("span")

записываем в только что созданый элемент строку

newElement.innerHTML = "Info Plus"; я не уверен, но читал что так лучше не делать. Хотя сам использую


и теперь нужно его добавить к дереву DOM

Берем элемент к которому мы обращались выше, и вызываем у него метод/функцию

infoDiv.appendChild(newElement); добавить только что созданного "ребенка/элемента" в
<div id="info"></div>


и т.д.

Вообще про это лучше на ютубе посмотреть. Там очень много методов и свойств.

Все сразу не нужны конечно, но бывает ни как. Да и полезно просто знать какие вообще существуют.