<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="box">
我一个div
<span>这是一个span</span>
</div>
<b>123</b> "
<b>
1231231 abadf
<script>
var box = document.getElementById('box');
// box.id
// console.dir(box);
// // innerHTML innerText
// // 获取开始标签和结束标签之间的内容
// //
// // innerHTML 获取内容的时候，如果内容中有标签，会把标签页获取到
// // 原封不动把内容获取到
// console.log(box.innerHTML);
// // innerText 获取内容的时候，如果内容中有标签，会把标签过滤掉
// // innerText 会把前后的换行和空白都去掉
// console.log(box.innerText);
// 设置标签之间的内容
// box.innerHTML = ''; // 清空内容
// 通过innerHTML 设置内容，如果内容中带标签，会以HTML的方式来解析
// box.innerHTML = '<b>黑马</b>程序猿';
//
// 通过innerText 设置内容，如果内容中带标签，在网页上会把标签显示出来
box.innerText = '<b>男</b>程序猿';
</script>
</body>
</html>
