这样子吗????

这样子吗????

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>DOM的查找方法</title>

</head>

<body>

    <div>第一个元素</div>

<div>第二个元素</div>

<div>第三个元素</div>

<script>

//补充代码

var div=document.getElementsByTagName("div");

for(i=0;i<div.length;i++){

alert(div[i].innerHTML);

}

</script>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好。

我在粘代码的时候没有看清,代码多删除了一个[i],正确代码如下:

http://img1.sycdn.imooc.com//climg/5c7e0d1b0001965806500197.jpg

js中的innerHTML是用来获取对象的内容。

在代码中,有三个div标签,通过getElementsByTagName('div')把这个三个标签都获取出来,存放在div这个变量里面,如下:

http://img1.sycdn.imooc.com//climg/5c7e0d9800015ad605610190.jpg

使用alert()弹出DOM对象,alert输出的是字符串类型的内容,对象的输出字符串格式如[object Object]   , 第一个表示变量的类型为object  ,第二个表示变量值,所以代码中获取的DOM对象  ,输出[object HTMLDivElement] 。

如果帮助到了你,欢迎采纳。

祝学习愉快

山河远阔ZZ 2019-03-05 10:38:15

同学你好。

效果弹出的是div的内容而不是div元素哦,建议把alert()里面的内容换成变量div,这样弹出的就是通过getElementsByTagName()获取的dom元素哦,参考下图:

http://img1.sycdn.imooc.com//climg/5c7de10800013fd005780206.jpg

自己试一试哦,如果帮助到了你,欢迎采纳。

祝学习愉快!

  • 不是依次弹出这三个元素吗,你这样写就弹三次三个元素的啦?
    2019-03-05 12:13:09
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师