Phương thức getElementsByTagName() css phần tử trong JavaScript

Trình soạn thảo - Phương thức getElementsByTagName() css phần tử trong JavaScript

Kết quả - Phương thức getElementsByTagName() css phần tử trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Phương thức getElementsByTagName() css phần tử trong JavaScript</title>
</head>
<body>

<h1>Phương thức getElementsByTagName() css phần tử trong JavaScript</h1>
<p>Phương thức getElementsByTagName() trong JavaScript dùng để lấy tên thẻ HTML rồi thực hiện nhiều hành động vào thẻ đó, ngoài ra còn có thể đếm có bao nhiêu thẻ, ở ví dụ này mình css cho phần tử:</p>
<div id="divid">
	<p>Hàng 1</p>
    <p>Hàng 2</p>
    <p>Hàng 3</p>
    <p>Hàng 4</p>
    <p>Hàng 5</p>
</div>
<p>Click vào nút ĐỔI CSS để thay đổi css cho thẻ p ở vị trí 1 (hàng 2)</p>
<button onclick="doiCss()">ĐỔI CSS</button>
<script>
function doiCss() {
   const divid = document.getElementById("divid");
   divid.getElementsByTagName("p")[1].style.color = "red";
}
</script>
</body>
</html>