JavaScript基础 将一个div中的所有内容赋值给另一个div innerHTML
2017-05-03 11:55
330 查看
镇场诗:
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code:
result:
点击按钮之前,
![](https://oscdn.geek-share.com/Uploads/Images/Content/201705/fd60dd7a34711247c1518539853fdfb0.png)
点击按钮之后,
![](https://oscdn.geek-share.com/Uploads/Images/Content/201705/87d028bab18b2f95cb3c6d86937259d6.png)
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。IDE: VS2015;浏览器: Firefox。
html+css+js,强,值得努力学习。传智播客的视频教程是我的学习资源,推荐。
如果博文有可以改进的地方,请留下评论,我会认真思考的。
注:我是一位正在努力的普通人,此文仅供测试与参考使用,不可做其他用途。当参考博文内容时,代表您已接受使用条款。
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript"> function CopyContentToNewDiv() { var fatherDiv = document.getElementById("father"); var sonDiv = document.getElementById("son"); //将fatherDiv中的所有内容 包括HTML标签 给son sonDiv.innerHTML = fatherDiv.innerHTML; } //效果测试时,那个button的闪现 挺有意思的。 </script> </head> <body> <div id="father"> <h1>hello</h1> <p>world</p> </div> <div id="son"> </div> <input type="button" onclick="CopyContentToNewDiv()" value="搬运" /> </body> </html>
result:
点击按钮之前,
![](https://oscdn.geek-share.com/Uploads/Images/Content/201705/fd60dd7a34711247c1518539853fdfb0.png)
点击按钮之后,
![](https://oscdn.geek-share.com/Uploads/Images/Content/201705/87d028bab18b2f95cb3c6d86937259d6.png)
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。IDE: VS2015;浏览器: Firefox。
html+css+js,强,值得努力学习。传智播客的视频教程是我的学习资源,推荐。
如果博文有可以改进的地方,请留下评论,我会认真思考的。
注:我是一位正在努力的普通人,此文仅供测试与参考使用,不可做其他用途。当参考博文内容时,代表您已接受使用条款。
相关文章推荐
- JavaScript基础 将一个div中的所有内容赋值给另一个div innerHTML
- 将一个vector的内容赋值给另一个vector
- dos移动一个文件内的所有内容到另一个文件
- Linux 把一个文件夹下的所有内容复制到另一个文件夹下面
- javascript操作两个选择列表(有两个列表,如何实现在一个列表通过双击和多选列表中内容添加到另一个列表. )
- 在dos下如何将一个盘的所有内容复制到另一个盘
- javascript动态设置一个div图层覆盖住另一个div图层,并设置成透明
- javascript中把一个数组的内容全部赋值给另外一个数组
- javascript怎么清空一个div里面的内容
- javascript清空一个div中所有textbox控件的值
- JavaScript基础 定义一个变量,但没有赋值,输出为undefined
- 将SVN仓库里面的一个文件夹的所有内容复制到另一个文件夹下
- linux下将一个目录下的所有文件拷贝到另一个大文件中,并把大文件拆分成原来的小文件,大小,内容,名字不变
- javascript怎么清空一个div里面的内容
- javascript清空一个div中所有textbox控件的值
- javaScript_xxxDialog用法将div中的内容显示在一个新的html中
- JavaScript基础 使用for循环 获得一个表格中所有行的id值
- linux强制复制一个文件夹的所有内容到另一个文件夹,跳过确认
- mysql5.7基础 delete 删除一个表中的所有内容
- JavaScript基础 rows,cells 得到表格中所有单元格的内容