value、innerHTML、 innerText

//动态设置value值
var input = document.getElementsByTagName('input')[0];
input.value = '要下雨了！';
console.log(input.value);
console.log(input);

var textarea = document.getElementsByTagName('textarea')[0];
textarea.value = '要下雨了！';
console.log(textarea.value);
console.log(textarea)

var box = document.getElementById('box');
  // box.innerText = '<div>哈哈哈哈</div><input type="text">';  //用写的这些代码替换掉原先的，只是文本，不解析代码
        // console.log(box.innerText);//获取文本

 box.innerHTML = '<div>哈哈哈哈</div><input type="text">dcscsd';  //用写的这些代码替换掉原先的，解析
        // console.log(box.innerHTML);//获取页面

innerHtml 功能包含innertext

在表单之间获取值，用value;

内容在双标签之间的用inner HTML 和innerText