zoukankan      html  css  js  c++  java
  • 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]

  • 相关阅读:
    UOJ 【UR #5】怎样跑得更快
    【TJOJIHEOI2016】求和
    CF 932E Team Work
    【BZOJ2159】Crash的文明世界
    Luogu P4707 重返现世
    Luogu P3175 [HAOI2015]按位或
    【BZOJ3930】选数
    nginx 学习
    如何解决 react-create-app 里面的 no-unused-vars ?
    随时更新web html 项目页面,查看手机等其他移动设备的几种方法?
  • 原文地址:https://www.cnblogs.com/zhangqifeng/p/1433364.html
Copyright © 2011-2022 走看看