2019/9/7 dom_byid节点属性

/*document.getElementById(id)
【功能】通过当前元素节点（标签）id，获取对应的一个元素节点

    获取后可以访问元素节点属性
    通过节点对象，访问它的一系列属性
    1、tagName:获取元素节点的标签名
    2、innerHTML 获取元素节点标签间的内容（获取）
    <div id="div1"><em>协议</em></div>
    这个就是获取em内容


    HTML属性的属性
    包括：
    id className(在获取class，不能直接class,必须使用className)
     style title等
    通过（元素节点.属性名），
    （元素节点【属性名】）访问这些属性
    */
    window.onload=function () { //onload 在页面加载完成后执行（如果不加他，不能执行，因为有顺序）
        var odiv=document.getElementById("div1");
        alert(odiv);
        alert(odiv.tagName);
        alert(odiv.innerHTML);
        odiv.innerHTML="<h1>你好</h1>" //给innerHTML赋值
    }
    window.onload=function () {
        var odiv2=document.getElementById("div2");
        alert(odiv2.id);
        alert(odiv2.title);//这些为取值

        odiv2.title="world";
        odiv2.className="dasd";

        alert(odiv2.style.width);
        
        /*
        注意：在style样式中，
        background-color,这种使用-连接的熟悉
        访问的时候，需要将-去掉，然后将后续单词的首字母大写*/
    }
</script>

协议