Js 修改元素内容的几种方法

改变元素内容

Element.innerText  //从起始位置到终止位置的内容,但它去除html标签，同时空格和换行也会 去掉

Element.innerHTML  //起始位置到终止位置的全部内容,包括html标签，同时保留空格和换行

Element.insertAdjacentHTML("位置", "内容");	

Element.insertAdjacentHTML(“位置”, “内容”)

将结果节点插入到DOM树中的指定位置。它不会重新解析它正在使用的元素，因此它不会破坏元素内的现有元素。
这避免了额外的序列化步骤，使其比直接使用innerHTML操作更快。

位置：

 1. 'beforebegin'：元素自身的前面。
 2. 'afterbegin'：插入元素内部的第一个子节点之前。
 3. 'beforeend'：插入元素内部的最后一个子节点之后。
 4. 'afterend'：元素自身的后面。

内容：

1. 是要被解析为HTML或XML元素，并插入到DOM树中的 DOMString。