Dom的故事

(1)dom赋值小坑

<input type="text" value="haha" id="sally"/>
<input type="button" value="点击" onclick="showme()"/>
<script>
    function showme(){
            //var getinput = document.getElementById("sally").value;
            //getinput += "change is good!";      //不能这样赋值，要直接操作节点，不要操作值,不可写可读
            var getinput2 = document.getElementById("sally");
            getinput2.value += "change is good!";
            }
</script>

---

（2）一个最近才晓得的获取节点信息的属性textContent

var node_son = `<div id='content'>将我打印在控制台吧<div>`;  //模板字符串
    var box = document.createElement('div');
    box.innerHTML = node_son;
    document.body.appendChild(box);
    document.getElementById('content').onclick = function(){
          console.log(this.textContent);  //最近才知道获取节点内容的属性
        }

---

（3）又一个最近才了解的classList

classList.PNG

（4）innerText会对标签进行过滤

image.png

---

image.png