JavaScript-6-innerHTML、innerText、value、valueOf的区别（简单计算器小例子）

操作表单元素的文本内容用value；而innerHTML与innerText操作非表单元素的内容或文本内容

1. innerHTML：获取双闭合标签里面的html内容，并且要识别标签。
2. innerText：获取双闭合标签里面的文本内容，不会识别html标签。
3. value是表单元素的特有属性，非表单元素没有value属性，如div，span等。
4. value在不同表单元素里有不同的意义，如button为按钮中的文本，input（text）为默认文本，textarea为默认文本。
5. valueOf是js对象的方法，如
   var fruits = [“Banana”, “Orange”, “Apple”, “Mango”];
   var v=fruits.valueOf();
   结果是：Banana,Orange,Apple,Mango

【例子1：】

<div id="box1" value="test1">
    我是box1
    <div id="box2" value="test2">我是box2</div>
</div>
<script>
    console.log(document.getElementById('box1').innerHTML); /* 我是box1 <div id="box2" value="test2">我是box2</div> */
    console.log(document.getElementById('box1').in