value，innerHTML，innerText之间的区别

value：是DOM对象的属性。主要用于获取单标签的属性，（针对单标签）；
innerHEML：用于获取闭合双标签里面的内容，（可以识别标签）；
innerText：用于获取闭合单标签里面的内容，（不能识别标签）；

<body>
        <!-- <input type="text" value="我是输入框">直接给标签添加value值添加内容 -->
        <!--通过js添加内容-->
        <div id="box">
           <input type="text" id="input">
           <p>这只猫咪很可爱！</p>
        </div>
        <script>
            var input=document.getElementById("input");
            input.value="我是输入框2";
            
            var box=document.getElementById("box");
            console.log(box.innerText);
            console.log(box.innerHTML);
        </script>
</body>

运行结果：