JavaScript利用节点实现按钮复制和更改图片
时间: 2024-03-14 19:43:27 浏览: 62
要实现按钮复制和更改图片,可以使用JavaScript中的节点操作。以下是代码示例:
复制按钮:
```html
<button onclick="copyText()">复制文本</button>
<p id="textToCopy">要复制的文本</p>
<script>
function copyText() {
var text = document.getElementById("textToCopy").innerText;
navigator.clipboard.writeText(text)
.then(() => {
console.log("文本已复制!");
})
.catch(err => {
console.error("无法复制文本:", err);
});
}
</script>
```
更改图片:
```html
<img id="myImage" src="original-image.jpg">
<button onclick="changeImage()">更改图片</button>
<script>
function changeImage() {
var image = document.getElementById("myImage");
image.src = "new-image.jpg";
}
</script>
```
在上面的示例中,`copyText()`函数使用`navigator.clipboard.writeText()`方法将指定的文本复制到剪贴板中。`changeImage()`函数使用`document.getElementById()`方法获取图像元素,然后更改其`src`属性以更改图像。
阅读全文