JavaScript 学习笔记 p91 - 96

~ DOM：document Object Model 文档对象模型。 

常用节点分为四类：文档节点（整个 html 文档）；元素节点（html 中的 html 标签）；属性节点（元素属性）；文本节点（html 标签中的文本内容）。

~ onload 事件在整个页面加载完成后才触发。为 window 绑定一个 onload 事件： window.onload = function ( ) { alert ("hello");};

~ 这样可以确保我们的代码执行时所有的 DOM 对象已经加载完毕了。

window.onload = function () {
    var btn01 = document.getElementById ("btn01");
    btn01.onclick = function () {
// 查找#bj节点
    var bj = document.getElementById ("bj");
// 打印bj。 innerHTML 通过这个属性可以获取到元素内部的 html 代码。
    alert (bj.innherHTML);
    };

// 为 id 为 btn02 的按钮绑定一个单击响应函数
    var btn02 = document.getElementById ("btn02");
    btn02.onclick = function () {
// 查找所有 li 节点
// getElementsByTagName () 可以根据标签名来获取一组元素节点对象
// 这个方法会给我们返回一个类数组对象，所有查询到的元素都会封装到对象中，即使只有一个元素
        var lis = document.getElementByTagName ("li");
// 打印 lis
        alert (lis);
// 变量 lis
        for (var i = 0;i < lis.length; i++) {
            alert (lis[i].innherHTML);
        };

    };

    

};