Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính tagName trong JavaScript</title>
<style>
p{margin-top:5px;margrin-bottom:5px}
</style>
</head>
<body>

<h1>Code Thuộc tính tagName trong JavaScript</h1>
<p>Thuộc tính tagName trong JavaScript dùng để lấy tên thẻ HTML, kết quả trả về là tên của thẻ và được viết hoa:</p>

<h3>Xét tên thẻ input</h3>
<input type="text" id="inputid" placeholder="Thẻ Input" > 
<p >Tên thẻ: <span id="kquainput"></span></p>

<h3>Xét tên thẻ ul</h3>
<ul id="ulid" >
 <li>Trang chủ</li>
 <li>Giới thiệu</li>
</ul>
<p >Tên thẻ: <span id="kquaul"></span></p>

<h3>Xét tên thẻ select</h3>
<select id="selectid" >
 <option>Trang chủ</option>
 <option>Giới thiệu</option>
</select>
<p >Tên thẻ: <span id="kquaselect"></span></p>
<h3>Xét tên thẻ h1</h3>
<h1 id="h1id">Thẻ h1</h1>
<p >Tên thẻ: <span id="kquah1"></span></p>
<script>
// Xét tên thẻ img
let hinhid = document.getElementById("hinhid").tagName;
document.getElementById("kquaimg").innerHTML  = hinhid;
// Xét tên thẻ input
let inputid = document.getElementById("inputid").tagName;
document.getElementById("kquainput").innerHTML  = inputid;
// Xét tên thẻ ul
let ulid = document.getElementById("ulid").tagName;
document.getElementById("kquaul").innerHTML  = ulid;
// Xét tên thẻ select
let selectid = document.getElementById("selectid").tagName;
document.getElementById("kquaselect").innerHTML  = selectid;
// Xét tên thẻ h1
let h1id = document.getElementById("h1id").tagName;
document.getElementById("kquah1").innerHTML  = h1id;
</script>
</body>
</html>

Code Thuộc tính tagName trong JavaScript

Thuộc tính tagName trong JavaScript dùng để lấy tên thẻ HTML, kết quả trả về là tên của thẻ và được viết hoa:

Xét tên thẻ img

Tên thẻ:

Xét tên thẻ input

Tên thẻ:

Xét tên thẻ ul

Trang chủ
Giới thiệu

Tên thẻ:

Xét tên thẻ select

Tên thẻ:

Xét tên thẻ h1

Thẻ h1

Tên thẻ:

Code Thuộc tính tagName trong JavaScript nằm trong bài viết Thuộc tính tagName trong JavaScript