Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   изучаю dom (https://javascript.ru/forum/events/21693-izuchayu-dom.html)

olga153b 21.09.2011 19:41

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>О лосях</title>
    </head>
<script>

window.onload = function () {
	  alert(document.body.firstChild);
		alert(document.ol.firstChild);
	}

</script>
    <body><ol><li>
                Лось - животное хитрое
             </li>
            <li>
                .. И коварное
            </li></ol></body>
</html>

скажите плз первый ребенок ol так не появляется, а должен появиться
li. что ему надо?

Neldmit 21.09.2011 20:37

Недавно изучаю великий и могучий javascript, но, по-моему, для того чтобы работало надо найти элемент в дереве:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>О лосях</title>
<script>
window.onload = function () {
var ol = document.getElementById('id');
             alert(document.body.firstChild);
	     alert(ol.firstChild);
	     }
</script>
    </head>

    <body><ol id='id'><li>
                Лось - животное хитрое
             </li>
            <li>
                .. И коварное
            </li></ol>
</body>
</html>


И Ольга, заключайте код html в html теги, а не JS, а то так javascript не будет работать здесь.

olga153b 24.09.2011 21:52

alert( document.head.parentNode );
да, в хроме дает HTML

olga153b 24.09.2011 23:09

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>О лосях</title>
<script>
var newDiv = document.createElement('div')
newDiv.className = 'my-class'
newDiv.id = 'my-id'
newDiv.style.backgroundColor = 'red'

newDiv.innerHTML = 'Привет, мир!'
</script>

    </head>
    <body>
        Правда о лосях.
        <ol>
            <li>
                Лось - животное хитрое
             </li>
            <li>
                .. И коварное
            </li>
        </ol>
    </body>
</html>

хочу создать новый элемент, что ему надо чтоб создался DIV.

walik 24.09.2011 23:27

documen.body.appendChild(newDiv);

olga153b 25.09.2011 00:17

Цитата:

Сообщение от walik (Сообщение 127967)
documen.body.appendChild(newDiv);

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>О лосях</title>


    </head>
    <body>
        Правда о лосях.
        <ol>
            <li>
                Лось - животное хитрое
             </li>
            <li>
                .. И коварное
            </li>
        </ol>
<script>

var newDiv = document.createElement('div')
newDiv.className = 'my-class'
newDiv.id = 'my-id'
newDiv.style.backgroundColor = 'red'

newDiv.innerHTML = 'Привет, мир!'
documen.body.appendChild(newDiv);
</script>

    </body>
</html>

поставила, но наверное еще что-то надо, нигде не появилось "привет мир"

Magneto 25.09.2011 00:42

Строка N26 ошибка нужно писать document а у Вас documen.
Учитесь пользоваться отладчиками, в каждом браузере есть вызываются быстрой клавишей F12.

olga153b 25.09.2011 11:24

Magneto,
спасибо большое, но 1 чего-то Вам не ставится, позже поставлю


Часовой пояс GMT +3, время: 15:49.