1.checkbox 传值 (把子frame中的checkbox的值传向上一层框架)
var a=document.frame的名字.window.document.getElementsByName("对象名字");
var b=a.length;
var temp = new Array();
for(i=0,j=0;i<b;i++){
if(a[i].checked){
temp[j]=a[i].value;
alert(temp[j]);
j++;
}}
2 event.srcElement的使用方法
<select name="selectname" οnchange="alert(event.srcElement.options[event.srcElement.selectedIndex].value)" >
<option value="001">1</option>
<option value="002">2</option>
<option value="003">3</option>
<option value="004">4</option>
<option value="005">5</option>
</select>
3.添加行添加列
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE=javascript>
function delCol() {
try {
var Elm = event.srcElement;
while(Elm && Elm.tagName != "TR") {
Elm = Elm.parentElement;
}
if(Elm.parentElement.rows.length <= 1) {
alert("无法删除!");
return;
}
Elm.parentElement.deleteRow(Elm.rowIndex);
} catch(e) {
alert("Err 5001:\r\n" + e);
}
}
function addCol(id) {
try {
var oTable = document.getElementById(id);
if(oTable.tagName != "TABLE")
alert("Err 5002");
var oList = oTable.children;
var oTBODY;
for(var i=0;i<oList.length;i++) {
if(oList[i].tagName == "TBODY") {
alert(i);
oTBODY = oList[i];
break;
}
}
var oTR = oTBODY.lastChild;
var newTR = oTR.cloneNode(true);
addId(newTR);
oTBODY.insertAdjacentElement("beforeEnd",newTR);
} catch(e) {
alert("Err 5002:\r\n" + e);
}
}
function addId(node) {
try {
if(!node.hasChildNodes()) {
var prefix = node.getAttribute("id").split("_")[0];
var postfix = node.getAttribute("id").split("_")[1];
alert(postfix);
postfix = parseInt(postfix) + 1;
node.setAttribute("id",prefix + "_" + postfix);
node.setAttribute("value","");
return;
}
} catch(e) {}
try {
var oList = node.childNodes;
for(var i=0;i<oList.length;i++) {
addId(oList[i]);
}
} catch(e) {
alert("Err 5003:\r\n" + e);
}
}
</SCRIPT>
</HEAD>
<BODY>
<table width="100%" border="1" align="center" cellpadding="3" cellspacing="1" bordercolor="#000000" class="tableprintable" id="t1">
<tr id=a align="center" class="tdbg0">
<td class="tdbg0">1</td><td><button class="button" onClick="delCol()">
删除</button></td>
</tr>
</table>
<button class="button" onClick="addCol('t1')">添加一行</button>
</td>
</tr>
</table>
</BODY>
</HTML>
4.遍历tr 这个是我项目中一个目录树的实现 有了这个就好扩展了
function showTree(targetobj){
var targ = document.getElementById(targetobj);
tag = targ.rows[1].style.display;
if(tag == "none"){
//alert(targ.innerHTML);
var size =targ.rows.length;
//alert(size);
for(n=1;n<size;n++){
targ.rows[n].style.display = "block";
}
}else{
var size =targ.rows.length;
for(n=1;n<size;n++){
targ.rows[n].style.display = "none";
}
}
}
5.如何通过JS 动态得到嵌套TABLE中TD的内容
<table>
<tbody id= "table1 ">
//这里做了个循环,是对以下的行进行迭代
<tr
<td>
<table>
<tr>
<td>
123
</td>
</tr>
<tr>
<td>
456
</td>
</tr>
</table>
</td>
</tr>
//循环结束
</tbody>
</table>
document.getElementById( "table1").rows[i].cells[1].childNodes[0].rows[0].cells[0];
or
document.getElementById( "table1 ").childNodes[i].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].innerText
一直到得到你要的结果
6.toFixed()方法
var a=0.618;
a.toFixed(2)的值为0.62
JAVASCRIPT的一些属性和方法的记录 基本都是适合IE的 遍历元素
最新推荐文章于 2021-06-10 00:01:05 发布