JavaScript代码实现单击按钮，将复制页面第一幅图片并将其添加为body的最后一个子元素

可以使用以下JavaScript代码实现该功能：

const firstImage = document.querySelector('img'); // 获取第一幅图片元素

const copyImage = firstImage.cloneNode(); // 复制第一幅图片元素

document.body.appendChild(copyImage); // 将复制的图片元素添加为body的最后一个子元素

这段代码首先使用`querySelector`方法获取页面中第一幅图片的元素，然后使用`cloneNode`方法复制该元素。最后，使用`appendChild`方法将复制的图片元素添加为body的最后一个子元素。

相关问题

JavaScript单击按钮将页面中的所有图片替换为另一幅图片

可以使用JavaScript来实现这个功能。首先，需要获取页面中所有的图片元素，可以使用`document.getElementsByTagName('img')`来获取。然后，遍历这些图片元素，将它们的`src`属性替换为另一幅图片的URL即可。

以下是示例代码：

// 获取所有图片元素
var images = document.getElementsByTagName('img');

// 遍历图片元素，将其`src`属性替换为另一幅图片的URL
for(var i = 0; i < images.length; i++) {
  images[i].src = 'https://example.com/replace-image.jpg';
}

将上述代码放在一个函数中，并在页面中添加一个按钮，当按钮被单击时调用该函数即可。例如：

<button onclick="replaceImages()">替换图片</button>

<script>
function replaceImages() {
  // 获取所有图片元素
  var images = document.getElementsByTagName('img');

  // 遍历图片元素，将其`src`属性替换为另一幅图片的URL
  for(var i = 0; i < images.length; i++) {
    images[i].src = 'https://example.com/replace-image.jpg';
  }
}
</script>

使用jQuery实现当单击页面中的一个按钮时,将div元素向右移动100px。

可以使用jQuery的`animate()`函数实现该效果。代码如下：

$(document).ready(function() {
  // 绑定按钮点击事件
  $("#btn").click(function() {
    // 将div元素向右移动100px
    $("#myDiv").animate({left: '+=100px'}, 'fast');
  });
});

其中，`#btn`是按钮的id，`#myDiv`是要移动的div元素的id。`animate()`函数中的`left: '+=100px'`表示将元素的`left`属性增加100px，`'fast'`表示动画执行的速度。