Объекты document и window в JavaScript

[saitikdev]

Объекты document и window в JavaScript

В уроке рассматриваются:
document.write('HTML документ');

    var body = document.documentElement;
    var body = document.body;
    console.log(body);

    // задание стиля тегу
    document.body.style.backgroundColor = 'green';

    console.log(body.childNodes);
    console.log(body.parentNode);
    console.log(body.firstChild);

    // создание и подготовка абзаца и вложение в него текста
    var p = document.createElement('p');
    p.innerHTML = 'Я начинающий Javascript программист';
    p.className = 'myClass';
    p.setAttribute('id', 'myId');

    body.appendChild(p);


    var el = document.getElementById('myId');
    var elems = document.getElementsByTagName('p');
    var a = document.getElementsByClassName('myClass');
    console.log(a);

    // вернет первый абзац
    var par1 = document.querySelector('p');
    console.log(par1);
    console.log(par1['innerText']);

    var all = document.querySelectorAll('ul li');

    // Работа с объектом window
// создает кнопку с текстом и по нажатию на нее выводит окно
    var btn = document.createElement('button');
    btn.innerText = 'Нажми меня';
    body.appendChild(btn);
    btn.onclick = function () {
        window.open('', '', 'width=200, height=200');
        window.print();

// срабатывает 1 раз через определенный интервал
        console.log(window.location.href);
        window.setTimeout(function () {
            alert('Привет');
        }, 2000);

        // срабатывает постоянно через определенный интервал
        window.setInterval(function () {
            alert('Але');
        }, 3000);
    }