Code Thuộc tính innerText trong JavaScript

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

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

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính innerText 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 innerText trong JavaScript</h1>
<p>Thuộc tính innerText trong JavaScript dùng để lấy những chữ có trong thẻ HTML, nó không lấy các thẻ html mà chỉ lấy chữ ở trong đó, nếu thẻ html có css none thì nó không lấy chữ trong thẻ đó.</p>
<p>innerText 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 nhưng thẻ HTML sẽ không hoạt động như một HTML mà hoạt động như một chữ.</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;
// innerText Nhúng html đã lấy về id ketqua
document.getElementById("ketqua").innerText = tuoi;

// innerText lấy html
let tuoihai = document.getElementById("tuoihai").innerText;
// innerText Nhúng text đã lấy về
document.getElementById("ketquahai").innerText = tuoihai;
</script>

</body>
</html>