首页 > 其他分享 >DOM_Document对象获取Element方法以及创建DOM对象

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

时间:2022-11-19 14:46:13浏览次数:47  
标签:document DOM 对象 元素 Element 获取 返回值 Document 属性

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>

 

标签:document,DOM,对象,元素,Element,获取,返回值,Document,属性
From: https://www.cnblogs.com/qihaokuan/p/16906044.html

相关文章