最近两天一直与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.οnclick=function(){giveValue(unit,this.innerText);};
//添加鼠标点击事件 也可这样写 td.setAttribute("onclick",giveValue(unit,this.innerText)
td.οnmοuseοver=function(){setBGC(this,2);};//雷同
td.οnmοuseοut=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' οnblur='addNewRow(this.parentNode,count)' οnclick='getUnit(this)' οnkeydοwn='getUnit(this)'>"+"\"");
}
else
eval(("newCellCartonNo"+i)+".innerHTML = \""+"<input type='text' size='12' class='inputBox1' οnblur='addNewRow(this.parentNode,count)' >"+"\"");
}
2.搜索
这次比较用得多的是两个属性 parentNode 和 childNodes
每个元素一般都有且只有一个parentNode 但有0个或多个childNodes 取值都是childNodes[index]