JAVASCRIPT的一些属性和方法的记录 基本都是适合IE的 遍历元素
来源:互联网 发布:pano2vr js api 编辑:程序博客网 时间:2024/04/30 14:41
JAVASCRIPT的一些属性和方法的记录 基本都是适合IE的 遍历元素
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" onchange="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
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" onchange="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的 遍历元素
- 添加到收藏夹的Javascript脚本-适合IE和Firefox
- selenium2java写一个遍历一些元素的个别属性的方法
- 关于JavaScript兼容FF和IE的方法(IE、FF下的srcElement属性)
- JavaScript/Js脚本处理html元素的自定义属性(兼容Firefox和IE)
- [转载]JavaScript/Js脚本处理html元素的自定义属性(兼容Firefox和IE)
- javascript/js对html元素自定义属性的操作(兼容Firefox和IE) .
- javascript/js对html元素自定义属性的操作(兼容Firefox和IE)
- javascript中DOM元素的属性方法
- AJAX 学习笔记(5) 处理XML文档的DOM元素属性和遍历DOM元素方法
- JavaScript新创建对象的一些属性和方法
- firefox实现ie的方法和属性
- JavaScript基础知识学习笔记(适合懂得一定开发的人员学习,都是与java不同的一些小知识点)
- Javascript遍历JavaScript某个对象所有的属性名称和值的方法
- js中IE和Mozzila Firefox的一些不通用的属性方法
- Firefox和IE的JS兼容性:设置元素style属性
- 兼容ie和firefox的获取html元素自定义属性
- JavaScript的属性和方法
- Web.xml配置详解
- 主实体和子实体配置级联删除,不能触发子实体的Plugin的问题
- Office2013和Project2013公开测试版发布了!
- 计算 coreplot 触摸点的位置
- Fedora14 使用虚拟机桥接上网 静态配置固定IP 和宿主机IP在同一网段的方法 及 若干问题解决(NFS挂载第一步)
- JAVASCRIPT的一些属性和方法的记录 基本都是适合IE的 遍历元素
- 利用Word2007查拼音(亲自实践)
- 汇编学习--7.17--键盘输入和磁盘读写
- 搜索技术之--以图搜图
- 【转】Android动画开发——Animation动画效果
- 利用Word的"邮件合并"功能,自动发送工资表邮件(亲自实践)
- 链表逆序算法
- oracle导入导出命令详解
- 开发者如何从应用中赚取最多的钱?