js中innerHTML与innerText的区别

1.innerHTML可获取或设置指定dom元素标签内的 html内容，从该元素标签的起始位置到终止位置的全部内容(包含html标签)。

获取元素的内容：element.innerHTML;

给元素设置内容：element.innerHTML =htmlString;

2.innerText可获取或设置指定元素标签内的文本值，从该元素标签的起始位置到终止位置的全部文本内容(不包含html标签)。

获取元素的内容：element.innerText;

给元素设置内容：element.innerText = string;

3.区别

innerHTML返回的是标签内的 html内容，包含html标签;

innerText返回的是标签内的文本值，不包含html标签;

4.js获取节点文本值

（1）原生js写法 document.getElementById('demo').innerHTML

（2）jQuery写法 $('#demo').html()

5.demo

//选择审核节点

var domStr = '<span>审核节点</span><select name="processId" id="processId" lay-filter="aihao">';

// <option value="" selected="">选择审核节点</option>

var groupArr = this.previousElementSibling.previousElementSibling.childNodes;  //分组数组

groupArr.forEach((item,index,array)=>{

domStr +='<option value="' + item.id + '">' + item.innerText + '</option>';

// <option value="0">写作</option>

})

domStr += '</select>'

$('.select').html(domStr);