diff --git "a/20\347\216\213\344\270\226\350\264\242/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\346\255\243\345\210\231/.keep" "b/20\347\216\213\344\270\226\350\264\242/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\346\255\243\345\210\231/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/20\347\216\213\344\270\226\350\264\242/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\346\255\243\345\210\231/\347\254\254\345\215\201\345\205\255\346\254\241\346\255\243\345\210\231\344\275\234\344\270\232.html" "b/20\347\216\213\344\270\226\350\264\242/2022-11-16\347\254\254\345\215\201\345\205\255\346\254\241\346\255\243\345\210\231/\347\254\254\345\215\201\345\205\255\346\254\241\346\255\243\345\210\231\344\275\234\344\270\232.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/20\347\216\213\344\270\226\350\264\242/2022-11-17\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/.keep" "b/20\347\216\213\344\270\226\350\264\242/2022-11-17\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/20\347\216\213\344\270\226\350\264\242/2022-11-17\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232.html" "b/20\347\216\213\344\270\226\350\264\242/2022-11-17\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232.html"
new file mode 100644
index 0000000000000000000000000000000000000000..94e4e2217c1c2384b29c6db29f480594d99475c4
--- /dev/null
+++ "b/20\347\216\213\344\270\226\350\264\242/2022-11-17\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232.html"
@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style type="text/css">
+        #tab {
+            margin: 0 auto;
+            width: 700px;
+            height: 500px;
+            border: 1px solid black;
+            text-align: center;
+
+        }
+
+        #tab td {
+
+            border: 1px solid black;
+            text-align: center;
+            background-color: aqua;
+
+        }
+
+        #div1 {
+            width: 150px;
+            height: 50px;
+            margin: 0 auto;
+            text-align: center;
+        }
+
+        #span1 {
+            display: block;
+            margin: 0 auto;
+            text-align: center;
+        }
+    </style>
+    <script>
+        var time = 0;
+        var set;
+        function fn() {
+            time++;
+            console.log(time);
+            for (let i = 1; i <= 42; i++) {
+                var obj = document.getElementById("td" + i);
+                obj.style.backgroundColor = "white";
+            }
+            var num = Math.ceil(Math.random() * 42);
+            var obj = document.getElementById("td" + num);
+            obj.style.backgroundColor = "red";
+            var spanObj = document.getElementById("span1")
+            spanObj.innerText = "抽奖中。。。"
+            console.log(num);
+            if (time == 10) {
+                spanObj = document.getElementById("span1")
+                spanObj.innerText = "天选之子=" + obj.innerText;
+                clearInterval(set);
+                time = 0;
+            }
+        }
+        function start() {
+            set = setInterval(fn, 100);
+        }
+
+        <!--------------------------------------------------------->
+        function fn1() {
+            time++;
+            console.log(time);
+            for (let i = 1; i <= 42; i++) {
+                var obj = document.getElementById("td" + i);
+                obj.style.backgroundColor = "white";
+            }
+            var num = Math.ceil(Math.random() * 42);
+
+            var obj = document.getElementById("td" + num);
+            obj.style.backgroundColor = "red";
+            var spanObj = document.getElementById("span1")
+            spanObj.innerText = "抽奖中。。。"
+            console.log(num);
+            if (time == 10) {
+                obj.style.backgroundColor = "white";
+                var obj1 = document.getElementById("td" + 35);
+                console.log(obj1);
+                spanObj = document.getElementById("span1")
+                spanObj.innerText = "天选之子=" + obj1.innerText;
+                obj1.style.backgroundColor = "red";
+                clearInterval(set);
+                time = 0;
+            }
+        }
+        function start1() {
+            set = setInterval(fn1, 100);
+        }
+
+    </script>
+</head>
+
+<body>
+    <div id="div1">
+        <button id="but" onclick="start()">抽奖</button>
+        <button id="but1" onclick="start1()">百分百抽张先杰</button>
+    </div>
+    <span id="span1"></span>
+    <table id="tab">
+        <tr>
+            <td id="td1">郑玮喆</td>
+            <td id="td2">庄云</td>
+            <td id="td3">廖治先</td>
+            <td id="td4">郑文源</td>
+            <td id="td5">戴俊锋</td>
+        </tr>
+        <tr>
+            <td id="td6">陈昊童</td>
+            <td id="td7">谢金金</td>
+            <td id="td8">占志新</td>
+            <td id="td9">张淑芳</td>
+            <td id="td10">刘永潘</td>
+        </tr>
+        <tr>
+            <td id="td11">廖柏成</td>
+            <td id="td12">郑宗帅</td>
+            <td id="td13">李韦峰</td>
+            <td id="td14">吴欣燕</td>
+            <td id="td15">陈梅香</td>
+        </tr>
+        <tr>
+            <td id="td16">陈立智</td>
+            <td id="td17">袁贵森</td>
+            <td id="td18">赵浩敏</td>
+            <td id="td19">林世涛</td>
+            <td id="td20">罗启恒</td>
+        </tr>
+        <tr>
+            <td id="td21">卢国建</td>
+            <td id="td22">黄柱菘</td>
+            <td id="td23">陈鹏</td>
+            <td id="td24">张耀仁</td>
+            <td id="td25">陈华伟</td>
+        </tr>
+        <tr>
+            <td id="td26">张正豪</td>
+            <td id="td27">韦仲晓</td>
+            <td id="td28">黄富贵</td>
+            <td id="td29">陆建锋</td>
+            <td id="td30">曾德森</td>
+        </tr>
+        <tr>
+            <td id="td31">吴文龙</td>
+            <td id="td32">陆利群</td>
+            <td id="td33">黄雄</td>
+            <td id="td34">王世财</td>
+            <td id="td35">张先杰</td>
+        </tr>
+        <tr>
+            <td id="td36">胡基耀</td>
+            <td id="td37">马鑫涛</td>
+            <td id="td38">李涛</td>
+            <td id="td39">杨凌翔</td>
+            <td id="td40">罗此东</td>
+        </tr>
+        <tr>
+            <td id="td41">唐皓颖</td>
+            <td id="td42">白婉婷</td>
+
+        </tr>
+    </table>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/20\347\216\213\344\270\226\350\264\242/2022-11-17\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\345\205\255\346\254\241\347\254\224\350\256\260.md" "b/20\347\216\213\344\270\226\350\264\242/2022-11-17\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\345\205\255\346\254\241\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..1368fde8eb142b2c03cac040a148dffa7fbd9a32
--- /dev/null
+++ "b/20\347\216\213\344\270\226\350\264\242/2022-11-17\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\345\205\255\346\254\241\347\254\224\350\256\260.md"
@@ -0,0 +1,6 @@
+//BOM对象
+        //comfirm() 确认和取消按钮，返回true和false
+        //setTimeout()：定时器 只执行一次
+        //setInterval():按照设定的周期，setInterval() 方法会不停地调用函数，
+        //直到 clearInterval() 被调用或窗口被关闭。
+        //clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。
\ No newline at end of file
diff --git "a/20\347\216\213\344\270\226\350\264\242/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/.keep" "b/20\347\216\213\344\270\226\350\264\242/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/20\347\216\213\344\270\226\350\264\242/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232.html" "b/20\347\216\213\344\270\226\350\264\242/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c354b9682637a986e1d648ca27f69b3903d2b4b2
--- /dev/null
+++ "b/20\347\216\213\344\270\226\350\264\242/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232.html"
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        button {
+            width: 200px;
+            height: 100px;
+        }
+    </style>
+</head>
+
+<body>
+    <button id="but" onclick="hide()" >
+        <h2 >封校三天，快乐无边</h2>
+    </button>
+    <script>
+        var i = 1;
+        var text = document.querySelector("#but h2").innerHTML;
+        function hide() {
+            //按钮按一次计数一次
+            i++
+            //获取div下的h2
+            var a = document.querySelector("#but h2");
+            //偶数把内容设为空
+            if (i % 2 == 0) {
+                a.style.display="none"
+                //document.querySelector("#but h2").innerHTML = "";
+            } else {
+                a.style.display="block"
+                //document.querySelector("#but h2").innerHTML = text;
+            }
+        }
+    </script>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/20\347\216\213\344\270\226\350\264\242/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\344\270\203\346\254\241\347\254\224\350\256\260.md" "b/20\347\216\213\344\270\226\350\264\242/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\344\270\203\346\254\241\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..73e0ebd4479039d4984ce107d2124438158ac29d
--- /dev/null
+++ "b/20\347\216\213\344\270\226\350\264\242/2022-11-18\347\254\254\345\215\201\344\270\203\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\344\270\203\346\254\241\347\254\224\350\256\260.md"
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+
+    </style>
+    <script>
+        // querySelector
+        querySelector("#XXX") // id
+        querySelector(".XXX") //Class
+        querySelector("XXX") //<XXX>
+        document.querySelectorAll
+        //添加节点
+        function add() {
+            var div = document.querySelector("#div01");
+            var span = document.createElement("span");
+            var text = document.createTextNode("呼呼");
+            span.appendChild(text);
+            div.appendChild(span);
+        }
+        //删除节点
+        function del() {
+            var span = document.querySelector("#div01 span")
+            var div = document.querySelector("#div01");
+            div.remove(span);
+        }
+        //替换节点
+        function charge() {
+            var span = document.querySelector("#div01 span")
+            var div = document.querySelector("#div01");
+            var div1 = document.createElement("div")
+            div.replaceChild(div1, span);
+        }
+        //克隆节点
+        function clone() {
+            var span = document.querySelector("#div01 span");
+
+            var div = document.querySelector("#div01");
+            // var newSpan = span.cloneNode(false); //默认值 false，表示浅拷贝，只拷贝标签，不拷贝内容;
+            var newSpan = span.cloneNode(true); //拷贝标签和内容
+            div.appendChild(newSpan);
+        }
+
+
+    </script>
+</head>
+
+<body>
+    <button id="but01" onclick="add()" >添加节点</button>
+    <button id="but02" onclick="del()">删除节点</button>
+    <button id="but03" onclick="charge()">替换节点</button>
+    <button id="but04" onclick="clone()">克隆节点</button>
+    <div id="div01">
+        <span>123</span>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/20\347\216\213\344\270\226\350\264\242/2022-11-21\347\254\254\345\215\201\345\205\253\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/.keep" "b/20\347\216\213\344\270\226\350\264\242/2022-11-21\347\254\254\345\215\201\345\205\253\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/20\347\216\213\344\270\226\350\264\242/2022-11-21\347\254\254\345\215\201\345\205\253\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\345\205\253\346\254\241\344\275\234\344\270\232.html" "b/20\347\216\213\344\270\226\350\264\242/2022-11-21\347\254\254\345\215\201\345\205\253\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\345\205\253\346\254\241\344\275\234\344\270\232.html"
new file mode 100644
index 0000000000000000000000000000000000000000..7faab831c17d947036bbf882bb1043a18140acab
--- /dev/null
+++ "b/20\347\216\213\344\270\226\350\264\242/2022-11-21\347\254\254\345\215\201\345\205\253\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\345\205\253\346\254\241\344\275\234\344\270\232.html"
@@ -0,0 +1,194 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>动态添加和删除节点</title>
+    <style type="text/css">
+        .myArea {
+            width: 100%;
+            height: 80px;
+        }
+
+        .myDiv {
+            line-height: 30px;
+        }
+    </style>
+
+    <meta charset="UTF-8">
+    <title>getElementsByTagName获取checkbox进行全选</title>
+    <style type="text/css">
+        #myTable {
+            width: 900px;
+            margin: 0px auto;
+            background-color: #008000;
+        }
+
+        #myTable td,
+        #myTable th {
+            background-color: white;
+        }
+
+        #myDiv {
+            width: 900px;
+            margin: 0px auto;
+            height: 30px;
+            line-height: 30px;
+            text-align: center;
+        }
+    </style>
+
+</head>
+
+<body>
+    <h2>工作经历</h2>
+    <hr />
+    <div id="myContainer">
+        <div class="myDiv" id="div1">
+            公司名称:<input type="text" />
+            职位:<input type="text" />
+            <a href="#" onclick="del()">删除工作经历</a>
+            <br />
+            工作职责及工作内容描述:
+            <textarea class="myArea"></textarea>
+            <hr />
+        </div>
+    </div>
+
+    <div style="line-height: 30px; text-align: right;">
+        <a href="#" onclick="add()">添加工作经历</a>
+    </div>
+    <script>
+        //获取div
+        var div = document.querySelector("#myContainer");
+        var divArr = document.querySelector("#myContainer").childNodes;
+        var length = divArr.length;
+
+        function add() {
+            //获取内容
+            var textArr = document.querySelectorAll("input");
+            var text = textArr[0].value;
+            var text1 = textArr[1].value;
+            var text2 = document.querySelector(".myArea").value;
+            //添加到div中
+            var div = document.querySelector("#myContainer");
+            var divMode = document.createElement("div");
+            divMode.innerHTML = "公司名称:" + text + "<br/>" + "职位:" + text1 + "<br/>" + "工作职责及工作内容描述:" + text2 + "<br/><hr>";
+            div.appendChild(divMode);
+            //清空表单
+            textArr[0].value = ""; textArr[1].value = ""; document.querySelector(".myArea").value = "";
+            length++;
+
+        }
+        function del() {
+            if (length >= 3) {
+                div.removeChild(divArr[--length]);
+            }
+
+
+        }
+    </script>
+
+    <table cellspacing="1" id="myTable">
+        <tr>
+            <th width="200">
+                <input type="checkbox" id="selAll" onchange="selectAll()" />全选
+                <input type="checkbox" id="selInvert" onchange="selectInvert()" />反选
+            </th>
+            <th width="200">姓名</th>
+            <th width="200">性别</th>
+            <th width="200">专业</th>
+            <th width="200">爱好</th>
+        </tr>
+        <tr>
+            <td><input type="checkbox" /></td>
+            <td>刘备</td>
+            <td>男</td>
+            <td>软件开发</td>
+            <td>抽烟</td>
+        </tr>
+        <tr>
+            <td><input type="checkbox" /></td>
+            <td>关羽</td>
+            <td>男</td>
+            <td>国际贸易</td>
+            <td>喝酒</td>
+        </tr>
+        <tr>
+            <td><input type="checkbox"/></td>
+            <td>张飞</td>
+            <td>男</td>
+            <td>园林设计</td>
+            <td>烫头发</td>
+        </tr>
+        <tr>
+            <td><input type="checkbox" /></td>
+            <td>赵云</td>
+            <td>男</td>
+            <td>平面设计</td>
+            <td>抽烟</td>
+        </tr>
+        <tr>
+            <td><input type="checkbox" /></td>
+            <td>黄忠</td>
+            <td>男</td>
+            <td>影视制作</td>
+            <td>玩游戏</td>
+        </tr>
+        <tr>
+            <td><input type="checkbox" /></td>
+            <td>小乔</td>
+            <td>女</td>
+            <td>高级护理</td>
+            <td>唱歌</td>
+        </tr>
+    </table>
+    <script>
+        //全选
+        var num = 0;
+        var inputArr = document.querySelectorAll("tr td input");
+        function selectAll() {
+            var demo = document.querySelector("#selAll").checked;
+            //console.log(demo);
+            if (demo) inputArr.forEach(e => e.checked = true);
+            else inputArr.forEach(e => e.checked = false);
+            if(demo){
+                num = inputArr.length;
+            }
+        }
+        //给每个按键都绑定切换事件
+        for (let i = 0; i < inputArr.length; i++) {
+            inputArr[i].onchange = function () {
+                var demo = document.querySelector("#selAll");
+                inputArr[i].checked == true ? num++ : num--;
+                if(num == inputArr.length){
+                    demo.checked =true;
+                }else{
+                    demo.checked =false;
+                }
+                console.log(num);
+            }
+        }
+        //反选
+        function selectInvert(){
+            for(let i = 0; i< inputArr.length;i++){
+                if(inputArr[i].checked==true){
+                    inputArr[i].checked=false;
+                }else{
+                    inputArr[i].checked=true;
+                }
+            }
+        }
+
+        
+
+
+
+
+
+       
+    </script>
+</body>
+
+</html>
+
diff --git "a/20\347\216\213\344\270\226\350\264\242/2022-11-21\347\254\254\345\215\201\345\205\253\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\345\205\253\346\254\241\347\254\224\350\256\260.md" "b/20\347\216\213\344\270\226\350\264\242/2022-11-21\347\254\254\345\215\201\345\205\253\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\345\205\253\346\254\241\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..2300fdf51c60cb072d415873b4d019fc8b9fe7df
--- /dev/null
+++ "b/20\347\216\213\344\270\226\350\264\242/2022-11-21\347\254\254\345\215\201\345\205\253\346\254\241\344\275\234\344\270\232+\347\254\224\350\256\260/\347\254\254\345\215\201\345\205\253\346\254\241\347\254\224\350\256\260.md"
@@ -0,0 +1,7 @@
+  //getAttribute 获取属性的值
+        
+  //setAttribute 获取属性的值
+
+  //获取表单的值.value
+
+  //获取单选框的选中状态 .checked
\ No newline at end of file

郑玮喆	庄云	廖治先	郑文源	戴俊锋
陈昊童	谢金金	占志新	张淑芳	刘永潘
廖柏成	郑宗帅	李韦峰	吴欣燕	陈梅香
陈立智	袁贵森	赵浩敏	林世涛	罗启恒
卢国建	黄柱菘	陈鹏	张耀仁	陈华伟
张正豪	韦仲晓	黄富贵	陆建锋	曾德森
吴文龙	陆利群	黄雄	王世财	张先杰
胡基耀	马鑫涛	李涛	杨凌翔	罗此东
唐皓颖	白婉婷
姓名	性别	专业	爱好
刘备	男	软件开发	抽烟
关羽	男	国际贸易	喝酒
张飞	男	园林设计	烫头发
赵云	男	平面设计	抽烟
黄忠	男	影视制作	玩游戏
小乔	女	高级护理	唱歌