runxinzhi.com
首页
百度搜索
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.util.concurrent 包源码阅读》10 线程池系列之AbstractExecutorService
《java.util.concurrent 包源码阅读》09 线程池系列之介绍篇
《java.util.concurrent 包源码阅读》08 CopyOnWriteArrayList和CopyOnWriteArraySet
《java.util.concurrent 包源码阅读》07 LinkedBlockingQueue
《java.util.concurrent 包源码阅读》06 ArrayBlockingQueue
《java.util.concurrent 包源码阅读》05 BlockingQueue
NewBluePill源码学习 <一>
深入理解Windows X64调试
x64 结构体系下的内存寻址
Windows PAE 寻址
原文地址:https://www.cnblogs.com/lbg280/p/1772946.html
最新文章
java运行jar命令提示没有主清单属性
把Java程序打包成jar文件包并执行
Java HashMap工作原理深入探讨
Java学习之自动装箱和自动拆箱源码分析
Java 中 ConcurrentHashMap 原理分析
Attribute 和 Parameter 的区别
inline函数
可变长函数参数
哈夫曼树的原理和构建
各文件夹的作用
热门文章
两种高效的事件处理模式(Proactor和Reactor)
两种高效的并发模式(半同步/半异步和领导者/追随者)
简单说明webbench的安装和使用
linux中inode的理解
CentOS 7防火墙
unmask
《java.util.concurrent 包源码阅读》14 线程池系列之ScheduledThreadPoolExecutor 第一部分
《java.util.concurrent 包源码阅读》13 线程池系列之ThreadPoolExecutor 第三部分
《java.util.concurrent 包源码阅读》12 线程池系列之ThreadPoolExecutor 第二部分
《java.util.concurrent 包源码阅读》11 线程池系列之ThreadPoolExecutor 第一部分
Copyright © 2020-2023
润新知