if(con[i].title!='')        
{            
document.write(con[i].title+"<br>");      
  }
  因为默认不是null。

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

这样判断的话就能判断出值为null 或者""空字符的情况

第二种并没有选到节点

把

con[i].title

改为

con[i].getAttribute("title")
就可以正确执行

你的第一个方法好像也不行，看不到效果

Null的数据类型只有一个值就是null，可以做个测试：

var a = null;
var b = "";
var c;
document.wirte(a + "<br>");//输出为null
document.wirte(b + "<br>");//输出为空
document.wirte(c + "<br>");//输出为undefined

所以你第二中方法用人类语言来说就是：如果con[i].title不等于null这个判断是true的时候，然后执行后面的代码，Null的数据类型只有null一个值，在没有声明con[i].title 等于null的时候，永远都不会出现con[i].title不等于null，也就是con[i].title永远为true，这里有点绕，不知道你能不能看懂？你可以在你的第二种方法下alert一下看看，执行下面代码，会弹出5次true。

if(con[i].title!=null){
    document.write(con[i].title+"<br>");
    alert(con[i].title!=null);
}

con[1].title（第二个li元素）和con[4].title（第五个li元素）的title是空，但不是null，所以判断条件也会是true，

if(con[i].title!=null){
    document.write(con[i].title+"<br>");//第二个和第五个li元素是空，但不是null ，继续执行+ 换行符
}

你的的这个第二种方法的判断条件改成 con[i].title!=""（不等于空） 就和你第一种方法是一样的了：

if(con[i].title!=""){
    document.write(con[i].title+"<br>");//第二个和第五个li元素为空跳过执行
}