用ID时的这个表达x.innerHTML 和用class时的这个表达x[0].innerHTML 二者的差异怎么理解？

用ID时的这个表达x.innerHTML 和用class时的这个表达x[0].innerHTML 二者的差异怎么理解？

<!DOCTYPE html>

<html>

<body>

<p id="intro">你好世界!</p>

<p>该实例展示了 <b>getElementById</b> 方法!</p>

<script>

x=document.getElementById("intro");

document.write("<p>文本来自 id 为 intro 段落: " + x.innerHTML + "</p>");

</script>

</body>

</html>

=============================================================

<!DOCTYPE html>

<html>

<body>

<p class="intro">你好世界!</p>

<p>该实例展示了 <b>getElementsByClassName</b> 方法!</p>

<script>

x=document.getElementsByClassName("intro");

document.write("<p>文本来自 class 为 intro 段落: " + x[0].innerHTML + "</p>");

</script>

<p><b>注意：</b>Internet Explorer 8 及更早 IE 版本不支持 getElementsByClassName() 方法。</p>

</body>

</html>

TJ_Abel

浏览 2219回答 3

3回答

Rxa_王树慧

getElementById只能也只会获取一个元素； getElementsByClassName()获取的是所有叫这个类名的元素可能是一个也可能是多个所以获得的元素都会被保存到一个数组里 x[0]表示的是获取的元素中的第一个他俩的差异主要表现在id 和 class上边跟innerHTML没有多大关系因为根据上边的写法输出的结果是一样的

4

0

Caballarii

用id只取一个，用class取的是数组，所以要先x[0]一下从数组里取第一个

2

0

蓝蓝的天0

同意楼上

0

0

随时随地看视频慕课网APP

相关分类

JavaScript