zoukankan
html css js c++ java
JS控件替换,将 input、textarea、Select等控件替换成 span
最近项目中要将输入控件转换成 SPAN或DIV,因此专门写了这么一个方法,现在共享给大家,如果有更好的建议还请大家指教。
Code
/**/
/*
功能:过滤HTML控件,将输入控件替换成SPAN
Author: Kim
DateTime: 2008-12-29
参数说明:elements 要删除的控件数组;
*/
function
RemoveControl(elements)
{
var
arrObj
=
new
Array();
var
count
=
elements.length;
for
(
var
i
=
0
;i
<
count;i
++
)
{
if
(elements[i]
==
undefined)
continue
;
var
obj
=
document.createElement(
'
span
'
);
switch
(elements[i].type)
{
case
"
text
"
:
obj.setAttribute(
"
innerHTML
"
,elements[i].value);
break
;
case
"
textarea
"
:
obj.setAttribute(
"
innerHTML
"
,elements[i].innerHTML);
elements[i].innerHTML
=
''
;
break
;
case
"
select
"
:
for
(
var
j
=
0
;j
<
elements[i].length;j
++
)
{
if
(elements[i][j].selected)
{
obj.setAttribute(
"
innerHTML
"
,elements[i][j].text);
break
;
}
}
elements[i].options.length
=
0
;
break
;
}
elements[i].parentNode.appendChild(obj);
arrObj[arrObj.length]
=
elements[i];
}
//
删除表单原控件
for
(
var
i
=
0
;i
<
arrObj.length;i
++
)
{
arrObj[i].removeNode();
}
}
/**/
/*
调用事例
*/
function
Filter()
{
//
document.getElementById('tab_Forms').innerHTML = document.getElementById('tab_Forms').innerHTML.replace(/''/g,'');//
/**/
/*
input Filter
*/
var
elements
=
document.getElementById(
'
tab_Forms
'
).getElementsByTagName(
'
input
'
);
RemoveControl(elements);
/**/
/*
TextArea Filter
*/
elements
=
document.getElementById(
'
tab_Forms
'
).getElementsByTagName(
'
textarea
'
);
RemoveControl(elements);
/**/
/*
select
*/
elements
=
document.getElementById(
'
tab_Forms
'
).getElementsByTagName(
'
select
'
);
RemoveControl(elements);
//
alert(document.getElementById('tab_Forms').innerHTML); onload="Filter();"
}
查看全文
相关阅读:
Java第四章课后整理
java第三章课后作业1
Java第三章整理
JAVA第二章课后作业
JAVA第二章整理
java课后作业1
JAVA第一章整理实验
JAVA大道至简第一章伪代码
文本数据特征选取的四种方法
时域分析与频率分析的比较
原文地址:https://www.cnblogs.com/lbg280/p/1772946.html
最新文章
<软件需求与分析>阅读笔记
梦断代码阅读笔记02
梦断代码阅读笔记01
典型用户和用户场景描述
构建之法阅读笔记04
构建之法阅读笔记03
构建之法阅读笔记02
构建之法阅读笔记01
网络记事本第二阶段第十天
团队博客第二阶段第九天
热门文章
团队博客第二阶段第八天
团队博客第二阶段第七天
团队博客第二阶段第六天
团队博客第二阶段第五天
团队博客第二阶段第四天
团队博客第二阶段第三天
团队博客第二阶段第二天
团队博客第二阶段第一天
java第六章动手动脑
Java第四章课后作业1
Copyright © 2011-2022 走看看