单击Button1后将Button1移动到Button2的后面

如题,记录一道前端笔试题

代码:

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title>test</title>
</head>
<body>
<div>
   <input type="button" id ="button1" value="1" onclick="moveBtn(this);">
   <input type="button" id ="button2" value="2" />
</div>
<script type="text/javascript">
   function moveBtn(obj) {
       var clone = obj.cloneNode(true);
       var parent = obj.parentNode;
       parent.appendChild(clone);
       parent.removeChild(obj);
   }
</script>
</body>
</html>

效果截屏:


点击前
点击后
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,593评论 25 708
  • 1.前言 最近有很多朋友问我有没有相关的书籍推荐,希望能够自学一下前端。 正好最近在查阅文章的时候,发现有朋友已经...
    小裁缝sun阅读 2,388评论 5 76
  • 改变源自于内心与现实的冲突,对生活的不满,对未来的渴望。改变意味着选择,而选择意味着取舍,有的时候放弃某件...
    咸鱼思阅读 405评论 0 0
  • 平阳花艺培训,不忘却自己的花艺梦想 花艺心声 不知不觉中,忙于生计的我们把生活过成了粗糙模样 好像生活就是简单的生...
    媞亚花语阅读 554评论 0 0
  • 翰林集雅 东玥 夏天到了,就该玩个晶呀冻呀的,图个清凉!
    翰林集雅阅读 232评论 0 0