js获取当前页面源码的两种方式

# 获取页面元素的html代码

# innerHTML

// 获取id为myID的元素的html代码 因为getElementById返回符合要求的html元素list 也就是数组形式 所以以数组方式操作它
document.getElementById('myID')[0].innerHTML

# outerHTML

// 获取article元素的html代码
document.getElementsByTagName('article')[0].outerHTML

# 将html赋值给页面元素

# write

// 这种方式会覆盖掉页面原有元素
document.write('一个str')

# innerHTML

// 这种方式会将内容赋值在id元素下 id元素还是存在 内容被=后字符串覆盖
document.getElementById('id').innerHTML = '我爱我家'

# outerHTML

// 这种方式会覆盖掉id元素整个节点 只以=后字符串形式存在 
document.getElementById('id').outerHTML = '我爱我家'