html元素获取、查看节点、弹出框、逻辑运算符

复习js基础知识

document   代表整个文档

一、获取html元素

1）document.getElementById("id")           ie8以下  不区分大小写   可以匹配name

a：通过唯一的标示id来获取元素对象
b：括号中传的是id名

1）document.getElementsByTagName("")

a：通过标签名来获取元素的数组
b：括号中传的是标签名字
c：通过数组中的key（默认从0开始）来获取对应的元素对象

3）document.getElementsByClassName                       Ie8及le8 下没有

 a：通过class名来获取元素的数组
 b：括号中传的是class名
 c：通过数组中的key（默认从0开始）来获取对应的元素对象

4）document.getElementsByName

a：通过name属性来获取元素的数组
b：括号中传的是nane属性属性值

c：通过数组中的key（默认从0开始）来获取对应的元素对象

5）querySelector();       ie7下么有   不实时    

6）querySelectAll();

二、遍历节点数

 parentNode          查找父级节点   顶端为document
 childNodes           子类节点
 firstChild               第一个
 lastChild                最后一个
 previousSibling     前一个
 nextSibling            下一个

 元素节点
           parentElement           //当前元素父元素节点  ie不兼容
           children                    //当前元素子节点
           firstElementChild     //第一个元素节点  ie不兼容
           lastElementChild     //最后一个元素节点  ie不兼容

           nextElementSibling/previousElementSibling     //下一个元素节点/前一个元素节点

节点类型 ： 元素节点 1    属性节点 2   文本节点 3    注释节点8    document   9

节点属性
 nodeName （只读）        nodeValue  文本和注释才有 （可读写）
 nodetype   （只读）         attributes   (属性节点集合)

 hasChildNodes   查看子类节点

 （弹出框）（三种）  
             alert  提示框 （警示）      
             1:信息+确认按钮
         confirm：确认弹出框
             1：信息+确认、取消按钮
         prompt:带输入框的确认弹出框

             1：信息、输入+确认、取消按钮

逻辑运算符：

 1：返回结果一定是boolean类型（不是true就是false）
        &&   与   （一假定假）
        ||       或   （一真定真）
         !        非  （取反）

 逻辑 与 &&     逻辑 或  ||   
 a() && b() :如果执行a()后返回true，则执行b()并返回b的值；如果执行a()后返回false，则整个表达式返回a()的值，b()不执行；
 a() || b() :如果执行a()后返回true，则整个表达式返回a()的值，b()不执行；如果执行a()后返回false，则执行b()并返回b()的值；

 非0的正数都为true   ， undefined 、null  空字符串  为false
 0、空字符串和false归为一类，称为“假值”；
 把null和undefined归为一类，称为“空值”。