con[i].getAttribute("title"); 和 con[i].title;的区别?-慕课网

con[i].getAttribute("title"); 和 con[i].title;的区别?

来源：9-5 getAttribute()方法

空城盼故人

2016-05-26 21:11

var con=document.getElementsByTagName("li");
    for (var i=0; i< con.length;i++){
    //var text=con[i].getAttribute("title");
    var text=con[i].title;
      if(text!=null)
      {
        document.write(text+"<br>");
      }
    }

//var text=con[i].getAttribute("title");
    var text=con[i].title;
    //通过这两种方法获得的结果怎么不一样？？？这两个方法的区别是什么？？

写回答关注

4回答

黑色丶毛衣

2016-05-29 18:48:14

已采纳
```
var text=con[i].getAttribute("title");
```
这个是获取到title属性的值。
意思就是如果标签有title属性，且值存在，那就获取到。
```
var text=con[i].title;
```
这个则是获取到标签的title，如果没有title则创建一个值为空串的title；
```
title=""
```
注意一下：空值！=空串
```
null!=""
```
比较的例子如下：
```
<script type="text/javascript">
      {
        document.write("不等于"+"<br>");
      }
 </script>
```
2 0

Charle... 回复空城盼故人

con[i].getAttribute("title");只能获取存在的属性值，而 con[i].title;可以对不存在的标签进行创建？

2016-07-15 17:43:35

共 2 条回复 >
一只特立独行的doge

2016-05-29 09:14:33

哥们，抱歉啊，我的理解好像有点出错。这理解好像不太对

0 0
一只特立独行的doge

2016-05-29 09:12:43

attribute获取到的属性值是节点有的属性，这里获取到的是li节点的title属性的值，不管li你有没有给它一个title，title都是存在的，只是没赋值的就是null，就和这里的第二个li一样，虽然没有title，但是title还是存在的。但是如果你直接用con[i].title的话，只是得到的是已经赋值的title，未赋值的就是不存在的。

0 0
水木清扬

2016-05-26 22:36:48

con[i].title只能获取ＨＴＭＬ元素现有属性,前者可以获取非ＨＴＭＬ元素属性

0 0

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题

关于 con[i].getAttribute("title") 和 con[i].title 区别

回答 1

var text=con[i].getAttribute("title")与var text=con[i].title 有什么区别吗？

回答 2

con[i].getAttribute("title")和con[i].title用法相似，请问有什么差别嗯

回答 6

这个是什么用法？在哪里学的？ con[i].title

回答 5

document.write(Lists[i].getAttribute("title"))输出问题

回答 3

打开慕课网App查看更多内容