DOM_Document对象获取Element方法以及创建DOM对象

DOM_Document对象获取Element方法

Document：文档对象

　　创建(获取)：在html dom模型中使用window对象来获取

　　　　window.document

　　　　document

　　方法：

　　　　获取Element对象：

　　　　　　getElementById()：根据id属性值获取元素对象。id属性值一般唯一

　　　　　　getElementsByTagName()：根据元素名称获取元素对象们。返回值是一个数组。

　　　　　　getElementsByClassName()：根据Class属性值获取元素对象们。返回值是一个数组。

　　　　　　getElementsByName()：根据name属性值获取元素对象们，返回值是一个数组。

　　　　创建其他DOM对象：

　　属性

<body>

    <div id="div1">div1</div>
    <div id="div2">div2</div>

    <div id="div3">div3</div>

    <div class="cls1">div4</div>
    <div class="cls1">div5</div>

    <input type="text" name="username">

<script>
    /*
    Document：文档对象
　　  创建(获取)：在html dom模型中使用window对象来获取
　　　 　   window.document
　　　　    document
　　  方法：
 　　　    　获取Element对象：
　　  　　　 　getElementById()：根据id属性值获取元素对象。id属性值一般唯一
             getElementsByTagName()：根据元素名称获取元素对象们。返回值是一个数组。
　　　　　　   getElementsByClassName()：根据Class属性值获取元素对象们。返回值是一个数组。
　　　　    　 getElementsByName()：根据name属性值获取元素对象们，返回值是一个数组。
　　　 　创建其他DOM对象：

　　  属性
     */
        //根据元素名称获取元素对象们。返回值是一个数组。
        let divs = document.getElementsByTagName("div");
        alert(divs.length);

        //根据Class属性值获取元素对象们。返回值是一个数组。
        let div_cls = document.getElementsByClassName("cls1");
        alert(div_cls.length);

        //根据name属性值获取元素对象们，返回值是一个数组。
        let ele_username = document.getElementsByName("username");
        alert(ele_username.length);
        
</script>
</body>

DOM_创建DOM对象

创建其他DOM对象

　　createAttribute(name)

　　createComment()

　　createElement()：创建节点

　　createTexNode()

<body>

    <div id="div1">div1</div>
    <div id="div2">div2</div>

    <div id="div3">div3</div>

    <div class="cls1">div4</div>
    <div class="cls1">div5</div>

    <input type="text" name="username">

<script>
    /*
    Document：文档对象
　　  创建(获取)：在html dom模型中使用window对象来获取
　　　 　   window.document
　　　　    document
　　  方法：
 　　　    　获取Element对象：
　　  　　　 　getElementById()：根据id属性值获取元素对象。id属性值一般唯一
             getElementsByTagName()：根据元素名称获取元素对象们。返回值是一个数组。
　　　　　　   getElementsByClassName()：根据Class属性值获取元素对象们。返回值是一个数组。
　　　　    　 getElementsByName()：根据name属性值获取元素对象们，返回值是一个数组。
　　　 　创建其他DOM对象：
           　　createAttribute(name)
           　　createComment()
           　　createElement()
           　　createTexNode()

　　  属性
     */
        //根据元素名称获取元素对象们。返回值是一个数组。
        let divs = document.getElementsByTagName("div");
        // alert(divs.length);

        //根据Class属性值获取元素对象们。返回值是一个数组。
        let div_cls = document.getElementsByClassName("cls1");
        // alert(div_cls.length);

        //根据name属性值获取元素对象们，返回值是一个数组。
        let ele_username = document.getElementsByName("username");
        // alert(ele_username.length);
    
        //createElement()
        let table = document.createElement("table");
        alert(table);
</script>
</body>