// innerHTML 原封不动获取标签内的内容 可以支持标记 // innerText 获取的是内容 不包含标签 前后换行和空白去掉 // ie支持innerText 老版本FF不支持innerText textContent // textContent 获取的是原封不动内容
9innerHTML&innerText.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="box"> <p>1234</p> hello </div> <p></p> <script> // innerHTML 原封不动获取标签内的内容 可以支持标记 // innerText 获取的是内容 不包含标签 前后换行和空白去掉 // ie支持innerText 老版本FF不支持innerText textContent // textContent 获取的是原封不动内容 var box = document.getElementById("box"); console.log(box.innerHTML); console.log(box.innerText); // 清空div内容 //box.innerHTML = ""; //box.innerHTML = "<img src='img/2.jpg' />"; function getInnerText(ele) { if(typeof ele.innerText === "string") { return ele.innerText; } else { return ele.textContent; } } console.log(getInnerText(box)); </script> </body> </html>