value，innerHTML，innerText之间的区别

时间：2021-07-12 18:08:19
  1. value：是DOM对象的属性。主要用于获取单标签的属性，（针对单标签）；
  2. innerHEML：用于获取闭合双标签里面的内容，（可以识别标签）；
  3. 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>

运行结果：

value，innerHTML，innerText之间的区别

相关文章