JSDom、事件

1.dom对象的innerText和innerHTML有什么区别？

Node.innerText返回获取到的目标元素节点内的文本内容，如果目标节点有嵌套，文本内容会自动按层拼接。Node.innerHTML返回获取到的目标元素节点的HTML结构（包括文本内容）。注意：通过Node.innerText="str...."/Node.innerHTML=""方法修改的只是在内存中的Node节点对象的文本内容/HTML，并不能修改实际HTML页面上的内容。Node.innerText方法修改时输入的内容为文本格式，即使有HTML标签也会当成文本。Node.innerHTML方法修改时当有HTML标签时会当成HTML标签处理

 

  123
  

      456
      789
var str=document.getElementsByTagName("div")[0];
console.log(str.innerText);//返回结果123 456 789
str.innerText="cc kk ee dd"console.log(str.innerText);//返回修改后的innerText内容为"cc kk ee dd"，内存中的原内容被替换，实际页面不会被修改
str.innerHTML="";//修改innerHTML内容，内存中的原内容被替换，实际页面不会被修改console.log(str);//返回修改后的innerHTML：

---

2.elem.children和elem.childNodes的区别？

Node.children：返回子元素列表（返回HTMLCollection），只包括HTML元素不包括文本元素
Node.childNodes：返回子元素列表（返回NodeList），包括所有子元素（文本元素和HTML元素）

dddd
        
aaaa

bbbbb