value,innerHTML,innerText之间的区别

  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>

运行结果:

猜你喜欢

转载自www.cnblogs.com/zhang-jiao/p/9589967.html
今日推荐