Code Thuộc tính innerHTML trong JavaScript

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

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

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính innerHTML trong JavaScript</title>
</head>
<body>

<h1>Code Thuộc tính innerHTML trong JavaScript</h1>
<p>Thuộc tính innerHTML trong JavaScript dùng để lấy tất cả nội dung trong một phần tử HTML bao gồm cả: các thẻ HTML, chữ, thuộc tính, giá trị, thẻ html có css bằng none cũng lấy, chữ trong html có css bằng none cũng lấy... và có chức năng nhúng nội dung và một phần tử HTML khác, trong nội dung có thẻ HTML thì khi nhúng những thẻ HTML đó hoạt động như một thẻ HTML bình thường.</p>

<div id="tuoi">Năm nay bạn 35 <span>tuổi</span><span style="display:none">!</span></div>

<p><b>Xem Kết quả sau khi lấy về và sau khi nhúng chạy trực tiếp</b>:</p>
<textarea style="width:100%;" id="ketquahtml">&lt;/textarea>
<div id="ketqua"></div>

<script>
// lấy html
let tuoi = document.getElementById("tuoi").innerHTML;

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