javascript学习笔记--dom查询练习(二)

通过具体的元素节点调用

方法，返回当前节点的指定标签名后代节点

getElementByTagName()

1.属性，表示当前节点的所有子节点(会获取包括文本节点在内的所有子节点)，在IE8及以下的浏览器中，不会将空白文本当成子节点：

childNodes

2.属性，是获取当前元素下的所有子元素 这样就不会再包括空白文档：

children

3.属性表示当前节点的第一个子节点：

firstChild

4.属性表示当前节点的最后一个子节点：

lastChild

基本代码片段

你喜欢那个城市

• 北京


• 上海


• 新加坡


• 首尔

            

                你喜欢那个游戏
                

                    
象棋
                    
斗地主
                    
极品飞车
                    
红警
                
            
            

                你的性别：
                男
                女
            
            

            姓名：
                
            

获取id="city"下所有子节点

获取元素节点

1.返回City所有子节点,childNodes

 btn05.onclick = function(){
            var cityChild = city.childNodes
            alert(cityChild.length);
        }

2.返回City所有子节点,children

  btn05.onclick = function(){
            var cityChild2 = city.children;
            alert(cityChild2.length);
        }