<!DOCTYPE html>
<html>
<head>
<title>Chạy Thử Thuộc tính outerText nhúng nội dung trong JavaScript</title>
</head>
<body>
<h1>Chạy Thử Thuộc tính outerText nhúng nội dung trong JavaScript</h1>
<p>Thuộc tính outerText trong JavaScript dùng để nhúng nội dung vào thẻ HTML, nếu có thẻ HTML trong nội dung cần nhúng thì thẻ HTML sẽ hiện như chữ, đồng thời cũng thay thể phần tử HTML được nhúng:</p>
<h2 id="h1id">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>
<h2 id="h2id">Nội dung chữ cần thay</h2><br>
<p>Click vào nút "Nhúng Nội Dung Chữ" để 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="nhungNoiDungChu()">Nhúng Nội Dung Chữ</button>
<script>
function nhungNoiDung() {
let h1id = document.getElementById("h1id");
h1id.outerText = "<h3>Nội dung mới!</h3>";
}
function nhungNoiDungChu() {
let h2id = document.getElementById("h2id");
h2id.outerText = "Nội dung chữ mới!";
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Chạy Thử Thuộc tính outerText nhúng nội dung trong JavaScript</title>
</head>
<body>
<h1>Chạy Thử Thuộc tính outerText nhúng nội dung trong JavaScript</h1>
<p>Thuộc tính outerText trong JavaScript dùng để nhúng nội dung vào thẻ HTML, nếu có thẻ HTML trong nội dung cần nhúng thì thẻ HTML sẽ hiện như chữ, đồng thời cũng thay thể phần tử HTML được nhúng:</p>
<h2 id="h1id">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>
<h2 id="h2id">Nội dung chữ cần thay</h2><br>
<p>Click vào nút "Nhúng Nội Dung Chữ" để 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="nhungNoiDungChu()">Nhúng Nội Dung Chữ</button>
<script>
function nhungNoiDung() {
let h1id = document.getElementById("h1id");
h1id.outerText = "<h3>Nội dung mới!</h3>";
}
function nhungNoiDungChu() {
let h2id = document.getElementById("h2id");
h2id.outerText = "Nội dung chữ mới!";
}
</script>
</body>
</html>
