【js】：JS获得标签名的方法_js 获取当前选中标签的名称-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_23100787/article/details/51121252

本文介绍两种使用JavaScript操作HTML元素的方法：一是通过getElementById获取指定ID的元素；二是使用getElementsByTagName按标签名获取元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS你想要获得HTML框架里面各种标签的方法大致有如下两种：
第一种，给控件加ID，然后document.getElementById
第二种，获得控件的名，getElementsByTagName //注意函数别敲错

有两个程序能够详细的表明这两种方法：

<!DOCTYPE html>
<html>
<body>

<p>Hello World!</p>
<div id="main">
<p>The DOM is very useful.</p>
<p>本例演示 <b>getElementsByTagName</b> 方法。</p>
<h> QQQQAAAA </h>
</div>

<script>
var x=document.getElementById("main");
var y=x.getElementsByTagName("h");
document.write('id 为 "main" 的 div 中的第一段文本是：' + y[0].innerHTML);
</script>

</body>
</html>

先是获得了main，定位到div标签里面，然后通过y[0]获得第一个标签的值，最后输出为 The DOM is very useful

第二个：

<!DOCTYPE html>
<html>
<body>

<p id="intro">Hello World!</p>
<p>本例演示 <b>getElementById</b> 方法！</p>

<script>
x=document.getElementById("intro");
document.write('<p>id="intro" 的段落中的文本是：' + x.innerHTML + '</p>');
</script>

</body>
</html>