DOM_Document对象_创建DOM对象和DOM_Element对象

创建其他DOM对象

　　createAttribute()

　　createComment();

　　createElement();

　　createTextNode();

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<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>
        // var divs = document.getElementsByTagName("div");
        // var div_cls = document.getElementsByClassName("cls1");
        // var elementsByName = document.getElementsByName("username");
        var table = document.createElement("table");
        alert(table);
    </script>
</body>
</html>

DOM_Element对象

Element：元素对象

　　　获取 / 创建：通过Document来获取和创建

　　　方法：

　　　　　removeAttribute 删除属性

　　　　　setAttribute　　　设置属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
        <a>点我试一试</a>
        <input type="button" id="btn" value="设置属性">
        <input type="button" id="btn_remove" value="删除属性">
        <script>
            var btn = document.getElementById("btn");
            btn.onclick = function () {
                var element_a = document.getElementsByTagName("a")[0];
                element_a.setAttribute("href","https://www.baidu.com")
            }


            var btn_remove = document.getElementById("btn_remove");
            btn_remove.onclick = function () {
                var element_a = document.getElementsByTagName("a")[0];
                element_a.removeAttribute("href");
            }
        </script>
</body>
</html>

搜索

复制

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
        <a>点我试一试</a>
        <input type="button" id="btn" value="设置属性">
        <input type="button" id="btn_remove" value="删除属性">
        <script>
            var btn = document.getElementById("btn");
            btn.onclick = function () {
                var element_a = document.getElementsByTagName("a")[0];
                element_a.setAttribute("href","https://www.baidu.com")
            }


            var btn_remove = document.getElementById("btn_remove");
            btn_remove.onclick = function () {
                var element_a = document.getElementsByTagName("a")[0];
                element_a.removeAttribute("href");
            }
        </script>
</body>
</html>

posted on 2022-08-04 11:32 淤泥不染阅读(42) 评论(0) 收藏举报