JS简单实现元素复制示例附图

源代码：复制代码代码如下：DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML头元http-equiv=' Content-Type ' Content=' text/HTML；字符集=GB 2312 '元名称='作者'内容='标题内容筛选/title脚本类型='text/javascript '函数getPositions(){ var El=document。getelementbyid(' shai Xuan ')；var起始位置=0；//所选文本的开始位置var结束位置=0；//所选文本的结束位置if(文档。选择){//IE var范围=文档。选择。创建范围()；//创建范围对象var drange=range。重复()；//克隆对象德拉吉。moveToelementText(El)；//复制范围drange.setEndPoint('EndToEnd '，范围);起始位置=量程。文字。长度范围。文字。长度；结束位置=开始位置范围。文字。长度；} else if(窗口。getselection){//火狐、Chrome、Safari等起始位置=El。选择开始；结束位置=El。选择结束；}返回{ 'start':startPosition，' end':endPosition } } //@todo获取文本区域中，选中的文本函数getshaixuan(){ var position=getPositions()；var start=位置。开始/开始位置var end=position.end//结束位置var text=文档。getelementbyid(' shai Xuan ').价值；var selectText=text。substr(start，(end-start))；//文本区域中，选中的文本//警报（选择文本);var textbox 1=文档。getelementbyid(' canjia ')；文本框1。innertext=textbox 1。值选择文本；}//]]/脚本标题元素的复制/title style type='text/css '！-body { font-size :18 px } p { border-style : none }。P1 {底色： # FFFFFF页边距-顶部：60 px保证金-底部：3 px左边距left:200px}。p2 {底色： # FFFFFF页边距-top :2 px；保证金-底部：3 px左边距left:150px}。P3 {底色： # FFFFFF页边距-top :1 px；保证金-底部：3 px位置：绝对；left:550pxtop :60 px。} P4 {底色： # FFFFFF页边距-top :1 px；保证金-底部：3 px位置：绝对；left:500pxtop :85 px。} P5 {底色： # FFFFFF页边距-top :1 px；保证金-底部：3 px位置：绝对；left :380 pxtop :190 px }-/style/head body p class=' P1 '筛选名单/p文本区域id=' shai Xuan '名称=' check ' cols=' 23 ' row=' 15 ' class=' p2 '/文本区域div class=' P3 '参加名单/div文本区域id=' canjia ' name=' canjia ' cols=' 23 ' row=' 15 ' class=' P4 '/文本区域输入类型='按钮'值='内容复制class=' P5 ' onclick=' getshaixuan()；'！-/文本区域按钮onclick=' getshaixuan()'获取内容/按钮/正文/html实现效果