<!DOCTYPE html>
<html>
<head>
<title>Phương thức querySelector() id trong JavaScript</title>
</head>
<body>
<h1>Phương thức querySelector() id trong JavaScript</h1>
<p>Dùng để thực hiện các hành động vào thẻ html bằng cách gắn bộ chọn css vào phương thức, phương thức chỉ áp dụng cho phần tử html đầu tiên, bộ chọn gồm thẻ html, class, id,....</p>
<div id="divid">
<p class="pclass">Hàng 1</p>
<p class="pclass">Hàng 2</p>
<p id="idhang">Hàng 3</p>
<p class="pclass">Hàng 4</p>
<p class="pclass">Hàng 5</p>
</div>
<p>Click vào nút ĐỔI TÊN để đổi tên cho id idhang</p>
<button onclick="doiTen()">ĐỔI TÊN</button>
<script>
function doiTen() {
var divid = document.getElementById("divid");
divid.querySelector("#idhang").innerHTML = "Hàng chính";
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Phương thức querySelector() id trong JavaScript</title>
</head>
<body>
<h1>Phương thức querySelector() id trong JavaScript</h1>
<p>Dùng để thực hiện các hành động vào thẻ html bằng cách gắn bộ chọn css vào phương thức, phương thức chỉ áp dụng cho phần tử html đầu tiên, bộ chọn gồm thẻ html, class, id,....</p>
<div id="divid">
<p class="pclass">Hàng 1</p>
<p class="pclass">Hàng 2</p>
<p id="idhang">Hàng 3</p>
<p class="pclass">Hàng 4</p>
<p class="pclass">Hàng 5</p>
</div>
<p>Click vào nút ĐỔI TÊN để đổi tên cho id idhang</p>
<button onclick="doiTen()">ĐỔI TÊN</button>
<script>
function doiTen() {
var divid = document.getElementById("divid");
divid.querySelector("#idhang").innerHTML = "Hàng chính";
}
</script>
</body>
</html>
