<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Thuộc tính outerText lấy nội dung trong JavaScript</title>
</head>
<body>
<h1>Chạy thử Thuộc tính outerText lấy nội dung trong JavaScript</h1>
<p>Dùng để lấy chữ trong một thẻ HTML, các thẻ HTML trong đó sẽ bị loại bỏ và chỉ lấy phần chữ:</p>
<ul id="ulid" style="border:1px solid red;padding:20px">
<li>Trang chủ</li>
<li>Giới thiệu</li>
<li>Blog</li>
<li>Liên hệ</li>
</ul>
<p>Click vào nút "Lấy Nội Dung" để xem nội dung thẻ ul được lấy</p>
<button onclick="layNoiDung()">Lấy Nội Dung</button>
<div id="divid" style="border:1px solid red;padding:20px;margin-top:10px">Nội dung chữ cần lấy!</div>
<p>Click vào nút "Lấy Nội Dung Chữ" để xem nội dung chữ</p>
<button onclick="layNoiDungChu()">Lấy Nội Dung Chữ</button>
<script>
function layNoiDung() {
let ulid = document.getElementById("ulid").outerText;
alert(ulid);
}
function layNoiDungChu() {
let divid = document.getElementById("divid").outerText;
alert(divid);
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Thuộc tính outerText lấy nội dung trong JavaScript</title>
</head>
<body>
<h1>Chạy thử Thuộc tính outerText lấy nội dung trong JavaScript</h1>
<p>Dùng để lấy chữ trong một thẻ HTML, các thẻ HTML trong đó sẽ bị loại bỏ và chỉ lấy phần chữ:</p>
<ul id="ulid" style="border:1px solid red;padding:20px">
<li>Trang chủ</li>
<li>Giới thiệu</li>
<li>Blog</li>
<li>Liên hệ</li>
</ul>
<p>Click vào nút "Lấy Nội Dung" để xem nội dung thẻ ul được lấy</p>
<button onclick="layNoiDung()">Lấy Nội Dung</button>
<div id="divid" style="border:1px solid red;padding:20px;margin-top:10px">Nội dung chữ cần lấy!</div>
<p>Click vào nút "Lấy Nội Dung Chữ" để xem nội dung chữ</p>
<button onclick="layNoiDungChu()">Lấy Nội Dung Chữ</button>
<script>
function layNoiDung() {
let ulid = document.getElementById("ulid").outerText;
alert(ulid);
}
function layNoiDungChu() {
let divid = document.getElementById("divid").outerText;
alert(divid);
}
</script>
</body>
</html>
