智能提示小知识点总结

 
 1)onkeyup:  input text调用函数
 
   请输入内容:&nbsp;<input type="text" id="inputStr"

onkeyup="getSuggest()">

   每输入一个内容就调用函数

 2）overflow:auto
                 当数据超过时多余部分自动添加滚动条
   
            scroll:直接添加滚动条

 3）list-style-type:去掉ul前面的标志

 4)每个<li>之间的距离：padding:3px;

 5)动态创建li并添加到ul中

   var li=document.createElement("li");
   
    //给每个li中添加onmouseover属性自动调用函数
     li.onmouseover=function (){
       
        this.className="mouseOver";
         }

     li.onmouseout=function (){

        this.className="onmouseOut";
         }
    
     //单击li时自动调用函数把li中文本的值赋给input text中
     li.onclick=function (){

         $$("inputStr").value=this.firstChild.nodeValue;
         }

     $$("suggest_ul").appendChild(li);把li追加到ul中

  
 6）移除li节点

   //获取ul
   var ul=$$("suggest_ul");

   //获取ul的所有的子节点
   var ulchilds=ul.childNodes;

   //倒叙删除子节点
   for(var i=ulchilds.length-1;i>=0;i--){
  
    ulchilds[i].parentNode.removeChild(ulchilds[i]);     
    }