 | getElementsByTabName thì được dùng để lấy thông tin thẻ(tab) trong document. Đây là hình thức của bộ sưu tập và mảng của thẻ. Chúng tôi có thể làm việc với thẻ cá nhân của HTML trong trang web bằng phương pháp getElementsByTagName. |
Sau đây hướng dẫn cho bạn làm cách để sử dụng phương thức này trong trang web. Chúng ta có thể nhận được giá trị bên trong của thẻ đặc biệt với từ khóa duy nhất.
Get content inner HTML in tab - Lấy nội dung HTML bên trong thẻ:
document.getElementsByTagName("p").item(0).innerHTML
Get infor total of tab in webpage - Lấy thông tin số lượng thẻ tồn tại trong trang web:
document.getElementsByTagName("p").length
Get infor tab by ID - Chỉ định thẻ cần lây thông tin thông qua ID:
document.getElementsByTagName("p").namedItem("pID")
Get background infor tab by ID - Lấy thông tin hình nền của thẻ thông qua ID chỉ định:
document.getElementsByTagName("p").namedItem("pID").style.background
Get style font infor tab by ID - Lây thông tin kiểu chữ của thẻ thông qua ID chỉ định:
document.getElementsByTagName("p").namedItem("pID").style.font
Source Code - Mã nguồn:
<html>
<head>
<title>VN-Lives | Javascript - getElementsByTagName</title>
<script>
function getElement_01()
{
alert(document.getElementsByTagName("p").item(0).innerHTML);
}
function getElement_02()
{
alert(document.getElementsByTagName("a").item(0).innerHTML);
}
function getElement_03()
{
alert(document.getElementsByTagName("P").namedItem("P003").style.backgroundColor);
}
</script>
</head>
<body>
<p>this is P first tag</p>
<p>this is P second tag</p>
<p id="P003" style="background-color:lightgrey">this is P third tag</p>
<p>this is P forth tag</p>
<p>this is P fifth tag</p>
<br /><br />
<a>this is A first tag</a><br />
<a>this is A second tag</a><br />
<a id="A003">this is A third tag</a><br />
<a>this is A forth tag</a><br />
<a>this is A fifth tag</a><br />
<br />
<br />
<a href="javascript:getElement_01()">Get inner HTML of P tag.</a><br />
<a href="javascript:getElement_02()">Get inner HTML of A tag.</a><br />
<a href="javascript:getElement_03()">Get infor style font A tag have ID is A003.</a><br />
</body>
</html>
<head>
<title>VN-Lives | Javascript - getElementsByTagName</title>
<script>
function getElement_01()
{
alert(document.getElementsByTagName("p").item(0).innerHTML);
}
function getElement_02()
{
alert(document.getElementsByTagName("a").item(0).innerHTML);
}
function getElement_03()
{
alert(document.getElementsByTagName("P").namedItem("P003").style.backgroundColor);
}
</script>
</head>
<body>
<p>this is P first tag</p>
<p>this is P second tag</p>
<p id="P003" style="background-color:lightgrey">this is P third tag</p>
<p>this is P forth tag</p>
<p>this is P fifth tag</p>
<br /><br />
<a>this is A first tag</a><br />
<a>this is A second tag</a><br />
<a id="A003">this is A third tag</a><br />
<a>this is A forth tag</a><br />
<a>this is A fifth tag</a><br />
<br />
<br />
<a href="javascript:getElement_01()">Get inner HTML of P tag.</a><br />
<a href="javascript:getElement_02()">Get inner HTML of A tag.</a><br />
<a href="javascript:getElement_03()">Get infor style font A tag have ID is A003.</a><br />
</body>
</html>
Result - Kết quả:
Writer: +Bui Ngoc Son
No comments:
Post a Comment