                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

关于getAttribute()，我下面的用法有错吗？明明是按照例子做的啊

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>getAttribute()</title>

</head>

<body>

<p id="intro">课程列表</p>

<ul>

<li title="第1个li">HTML</li>

<li>CSS</li>

<li title="第3个li">JavaScript</li>

<li title="第4个li">Jquery</li>

<li>Html5</li>

</ul>

<p>以下为获取的不为空的li标签title值:</p>

<script type="text/javascript">

var con=document.getElementsByTagName("li");

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

var text=con.getAttribute("title");

if(text!=null)

{

document.write(text+"<br>");

}

}

</script>

</body>

</html>

ChrisKyle

2017-03-14

源自：JavaScript进阶篇 9-5

关注问题我要回答

1535

操作

收起

4 回答

呦呦慕粉回答被采纳 +3 积分
2017-05-23

你发的代码倒数第9行，”var text=con.getAttribute("title");“这个是错误的，应该改为 “var text=con[i].getAttribute("title");”。先通过getElementsByTagName(“li”)，获取所有元素节点即标签节点是“li”的数组集合，一共5个，把这个数组赋值给con。con[i].getarribute("title")的意思是从con[0]所代表的“li”标签中获得属性名称是“title”的属性内容，即"第一个li”,依次从con[0],到con[4],,所以你的倒数第9行得是“con[i].getAttribute("title");”。

2 回复有任何疑惑可以回复我~

#1

ChrisKyle 提问者

非常感谢！

2017-06-21 回复有任何疑惑可以回复我~

慕粉1131507708
2017-10-17

con在这边是定义了数组，要加[i]才能获取全部的值，嗯，还是有点小细节的嘛····

0 回复有任何疑惑可以回复我~

qq_梦与现实的距离_0
2017-03-18

var con=document.getElementsByTagName("li");相当于定义了一个关于li标签的数组

所以 var text=con.getAttribute("title");应该改成var text=con[i].getAttribute("title");

0 回复有任何疑惑可以回复我~

#1

是的,完全正确

2017-04-01 回复有任何疑惑可以回复我~

学习js
2017-03-14

var text=con[i].getAttribute("title");

1 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468044 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

本课相似问答

2 回答请问下，我明明是按照代码第一的写的，为什么我的添加一行会无效啊

2 回答为什么没有反应？哪里错了？明明是按照答案写的

1 回答为什么我的会一下子刷新好几个数字呢？我明明是a--啊

4 回答图1的例子有什么不同吗，图2的结果我不太明白

3 回答为什么我删除不来默认的两行内容呢。明明是照着抄的啊

搜索更多本课相关问答

关于getAttribute()，我下面的用法有错吗？明明是按照例子做的啊

我要回答关注问题

意见反馈帮助中心 APP下载