通过 JavaScript查找 HTML 元素

124 阅读 0 评论 82 点赞

我是靠谱客的博主甜美百合，最近开发中收集的这篇文章主要介绍通过 JavaScript查找 HTML 元素，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

查找 HTML 元素

通常，通过 JavaScript，您需要操作 HTML 元素。

为了做到这件事情，您必须首先找到该元素。有三种方法来做这件事：

通过 id 找到 HTML 元素
通过标签名找到 HTML 元素
通过类名找到 HTML 元素

1. 通过 id 查找 HTML 元素

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

如果找到该元素，则该方法将以对象（在 x 中）的形式返回该元素。

如果未找到该元素，则 x 将包含 null。

2. 通过标签名查找 HTML 元素

<div id="main">
<p>The DOM is very useful.</p>
<p>本例演示 <b>getElementsByTagName</b> 方法。</p>
</div>
<script>
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");
document.write('id 为 "main" 的 div 中的第一段文本是：' + y[0].innerHTML);
</script>

3.通过类查找 HTML 元素

通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。