• javascript用感


    最近两天一直与javascript打交道,现在想总结下所有值处 以下类型都是自己概括别名

    1.创建型

    例子:

     var obj=document.createElement("div");//例如创建个DIV

     var div1=document.createElement("div");
       div1.id="ddv";
        div1.style.width="110";
     var tbl=document.createElement("table");
       for(var i=0;i<data.value.length;i++)
       {

       var tr=tbl.insertRow();
       var td=tr.insertCell();

     //注意 创建行或列时建议如上创建

    //我本来是这样创建的  var tr=document.createElement("tr");  var td=document.createElement("td");

    //tr.insertBefore(td);  tbl.insertBefore(tr); div1.insertBefore(tbl); 但显示层的时候此表格就无法显示!!!


       td.onclick=function(){giveValue(unit,this.innerText);};

    //添加鼠标点击事件  也可这样写  td.setAttribute("onclick",giveValue(unit,this.innerText)

       td.onmouseover=function(){setBGC(this,2);};//雷同
       td.onmouseout=function(){setBGC(this,1);};
       td.innerText=data.value[i];
       td.style.width=div1.style.width;
       }
       div1.insertBefore(tbl);//tbl插入到div1中 建议使用此发法  appendChild不建议

     //动态创建单元格和变量(项目中用到的)

      for(var i=2;i<=count+1;i++)
           {
            eval(("newCellCartonNo"+i)+"=nextRow.insertCell();");

    //如上动态变量,假设i=2 其内容:  newCellCartonNo2=newRow.insertCell();  这样使用是第一次用到
            if(i==2)
            {

    eval(("newCellCartonNo"+i)+".innerHTML = \""+"<input type='text' size='15'  class='inputBox1' onblur='addNewRow(this.parentNode,count)' onclick='getUnit(this)' onkeydown='getUnit(this)'>"+"\""); 
            }
            else
            eval(("newCellCartonNo"+i)+".innerHTML = \""+"<input type='text' size='12'  class='inputBox1' onblur='addNewRow(this.parentNode,count)'  >"+"\"");
           }

     2.搜索

    这次比较用得多的是两个属性 parentNode  和 childNodes

    每个元素一般都有且只有一个parentNode  但有0个或多个childNodes   取值都是childNodes[index]

  • 相关阅读:
    contentWindow,contentDocument, docuemnt ,window,self,top,parent,opener的关系
    我总结有用的WEB工具站点
    谈谈checkbox的几种状态
    第一章-CSS和文档 ---@import 命令
    第一章-CSS和文档 ---元素
    js的几种简单排序算法及其效率实测
    js高程(二)-----继承
    js高程(一)-----创建对象的几种模式
    event.target
    百度前端技术学院--热身题
  • 原文地址:https://www.cnblogs.com/zhangqifeng/p/1433364.html
Copyright © 2020-2023  润新知