【js练习一】鼠标经过切换图片和图片描述

    function showPic(whichpic){
        whichpic.getAttribute("href"); //把占位图换成想要的图片
        var source = whichpic.getAttribute("href"); //把路径存入变量
        var placeholder = document.getElementById("placeholder"); //获取占位图,赋值
        placeholder.setAttribute("src",source); // 设置占位符的属性和值
        var text = whichpic.getAttribute("title");  //获取whichpic 的title值，赋值
        var description = document.getElementById("description"); //定义id为description
        description.firstChild.nodeValue = text;  //用变量text去刷新id=description的第一个子节点的nodeValue属性值
    }

window.onload = countBodyChildren;  //页面加载时调用countBodyChildren

    function countBodyChildren(){
        var body_element = document.getElementsByTagName("body")[0];//得到body元素，返回数组元素第一个元素
         //alert(body_element.childNodes.length); //查出body一共几个子元素
        //alert(body_element.nodeType); //节点属性值
        //元素节点 1
        //属性节点 2
        //文本节点 3
        //alert(description.nodeValue);  //得到description节点的值
        //alert(description.childNodes[0].nodeValue);   //得到<p>元素的第一个子节点
        //alert(description.firstChild.nodeValue); //第一个元素
        //alert(description.lastChild.nodeValue);  //最后一个元素
    }