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();"
}
查看全文
相关阅读:
[BZOJ2431] [HAOI2009]逆序对数列
[Luogu2323] [HNOI2006]公路修建问题
[Luogu2455] [SDOI2006]线性方程组
[BZOJ3550] [Sdoi2014]数数
[Noip2017] 列队
[Luogu2824] [HEOI2016/TJOI2016]排序
[BZOJ1060] [ZJOI2007]时态同步
P1036 选数 题解
快速幂取模算法详解
同余定理及其应用
原文地址:https://www.cnblogs.com/lbg280/p/1772946.html
最新文章
Html 标签的事件绑定(转自 MSDN)
Visual C++ Windows 桌面应用程序样例(摘抄)
简单的工作流控制程序
JSON.parse()和JSON.stringify()
一千行MySQL学习笔记
asp.net 去除数据中带有的html标签
luogu5024 [NOIp2018]保卫王国 (动态dp)
[模板] 动态dp
luogu3263/bzoj4002 有意义的字符串 (数学+矩阵快速幂)
[模板] Manacher(马拉车)算法
热门文章
bzoj1014 火星人 (hash+splay+二分答案)
bzoj1047/luogu2216 理想的正方形 (单调队列)
bzoj1226/luogu2157 学校食堂 (状压dp)
luogu3278/bzoj3323 多项式的运算 (splay)
luogu2467/bzoj1925 地精部落 (dp)
luogu5012 水の数列 (并查集+线段树)
[Luogu3801] 红色的幻想乡
[Luogu3787] 冰精冻西瓜
[Luogu3932] 浮游大陆的68号岛
[BZOJ3631][JLOI2014]松鼠的新家
Copyright © 2011-2022 走看看