Code Thuộc tính textContent trong JavaScript

Trình soạn thảo - Code Thuộc tính textContent trong JavaScript

Kết quả - Code Thuộc tính textContent trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính textContent trong JavaScript</title>
<style>
textarea{width:100%;float:left;height:50px;margin-top:5px;margin-bottom:5px}
</style>
</head>
<body>

<h1>Code Thuộc tính textContent trong JavaScript</h1>
<p>Thuộc tính textContent trong JavaScript dùng để lấy những chữ có trong thẻ HTML, bao gồm những chữ nằm trong thẻ HTML có css bằng none, nó không lấy các thẻ html mà chỉ lấy chữ ở trong đó, nó giữ nguyên định dạng như khoảng trắng và ngắt dòng.</p>
<p>textContent còn có chức năng nhúng nội dung được lấy vào một thẻ HTML khác, lúc nhúng nó nhúng được cả các thẻ html và chữ được lấy, có cả thẻ HTML có css none.</p>

<h2>Nhúng nội dung</h2>
<div id="tuoi">Năm nay bạn 35 <span style="display:none">tuổi!</span></div>
<div id="ketqua"></div>

<h2>Lấy nội dung</h2>
<div id="tuoihai">Năm nay 
bạn 35 <span style="display:none">tuổi!</span></div>
<textarea id="ketquahai">&lt;/textarea>

<script>
// innerHTML lấy html
let tuoi = document.getElementById("tuoi").innerHTML;
// textContent Nhúng html đã lấy về id ketqua
document.getElementById("ketqua").textContent = tuoi;
// textContent lấy html
let tuoihai = document.getElementById("tuoihai").textContent;
// textContent Nhúng text đã lấy về
document.getElementById("ketquahai").textContent = tuoihai;
</script>
</body>
</html>