<!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>