有关于JS的四种的选取内容的方式以及四者之间差异

有关于JS的四种的选取内容的方式以及四者之间差异

var 变量名 = document.getElementById(‘标签id名’);

变量名.innerHTML 选取或获取对象之间的所有内容，不带对象本身的html标签；

变量名.outerHTML 选取或获取对象之间的所有内容，并且带对象本身的html标签；

变量名.innerText 选取或获取对象之间的所有文本

变量名.outerText 设置(包括标签)或获取(不包括标签)对象的文本

 

变量名.innerHTML  获取就是获取对象之间的html内容。

                           设置就是设置对象之间的html内容。（如果设置的标签将会生效）

变量名.outerHTML  获取就是对象开始到结束之间的html内容

                          设置就是设置对象开始到结束的html内容。（如果设置的标签将会生效，将会将对象给覆盖）

变量名.innerText   获取就是获取对象之间的所有文本。

                          设置就是设置对象之间的所有文本形式。（就算设置了html标签，也将当做文本识别）

变量名.outerText   获取就是获取对象之间的所有文本。

                          设置就是设置对象开始到结束的标签，将会把对象本身变成设置的文本，（就算是设置了html标签也将会当成文本处理）