<!DOCTYPE html>
<html>
<head>
<title>Chạy Thử Thuộc tính outerHTML nhúng nội dung trong JavaScript</title>
</head>
<body>
<h1>Chạy Thử Thuộc tính outerHTML nhúng nội dung trong JavaScript</h1>
<p>Dùng để lấy nội dung của thẻ HTML và lấy luôn thẻ HTML đó, dùng để nhúng nội dung vào thẻ HTML và thay thế luôn phần tử HTML hiện tại, ở ví dụ này mình dùng outerHTML nhúng nội dung:</p>
<h2 id="h2id">Nội dung cần thay</h2>
<p>Click vào nút "Nhúng Nội Dung" để thay thế nội dung mới và để thay thế phần tử HTML hiện tại (cụ thể thay thế phần tử h2)</p>
<button onclick="nhungNoiDung()">Nhúng Nội Dung</button>
<script>
function nhungNoiDung() {
let h2id = document.getElementById("h2id");
h2id.outerHTML = "<h3>Nội dung mới!</h3>";
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Chạy Thử Thuộc tính outerHTML nhúng nội dung trong JavaScript</title>
</head>
<body>
<h1>Chạy Thử Thuộc tính outerHTML nhúng nội dung trong JavaScript</h1>
<p>Dùng để lấy nội dung của thẻ HTML và lấy luôn thẻ HTML đó, dùng để nhúng nội dung vào thẻ HTML và thay thế luôn phần tử HTML hiện tại, ở ví dụ này mình dùng outerHTML nhúng nội dung:</p>
<h2 id="h2id">Nội dung cần thay</h2>
<p>Click vào nút "Nhúng Nội Dung" để thay thế nội dung mới và để thay thế phần tử HTML hiện tại (cụ thể thay thế phần tử h2)</p>
<button onclick="nhungNoiDung()">Nhúng Nội Dung</button>
<script>
function nhungNoiDung() {
let h2id = document.getElementById("h2id");
h2id.outerHTML = "<h3>Nội dung mới!</h3>";
}
</script>
</body>
</html>
