Javascript 提取图像src并使其成为另一个图像的src
我是一个新手,只是无法通过谷歌找到任何解决方案。 这是一个非常简单的代码Javascript 提取图像src并使其成为另一个图像的src,javascript,Javascript,我是一个新手,只是无法通过谷歌找到任何解决方案。 这是一个非常简单的代码 <script type="text/javascript"> function image() { var imgSource = document.getElementById('myImage').src; } </script> <div style="border: 1px solid blue;"> <img id="myImage"
<script type="text/javascript">
function image() {
var imgSource = document.getElementById('myImage').src;
}
</script>
<div style="border: 1px solid blue;">
<img id="myImage" src="../logo.JPG" />
</div>
<div style="border: 1px solid red;">
<img src="**SRC FROM IMAGE 1**" />
</div>
函数映像(){
var imgSource=document.getElementById('myImage').src;
}
基本上,我想做的是在第一个div中获取image的src,并将其放在第二个div中的image src中
请提供帮助。访问脚本内容时,请将脚本放在正文底部。这样可以确保在脚本执行时,上半部分已经加载。 其次,必须调用函数才能执行
<div style="border: 1px solid blue;">
<img id="myImage" src="../logo.JPG" /> </div>
<div style="border: 1px solid red;">
<img src="**SRC FROM IMAGE 1**" id="anotherImage" />
</div>
<script type="text/javascript">
function image() {
var imgSource = document.getElementById('myImage').src;
document.getElementById('anotherImage').src=imgSource;
}
image();
</script>
函数映像(){
var imgSource=document.getElementById('myImage').src;
document.getElementById('anotherImage')。src=imgSource;
}
图像();
假设您的目的地img标签有一个id=“destination”。然后,您可以通过这样做轻松完成您正试图完成的任务:
因此,您可以将脚本标记更改为(并可能将其移动到html中两个div的下方):
如何调用
image()
函数?如何识别目标
?您没有任何代码实际使用此imgSource
变量,甚至无法调用image()
函数。。。但是如果你能弄清楚如何获得一个src
,那么改变一个src
就没什么不同了……Marc B所指的是你可以这样做:document.getElementById('myImage2').src=document.getElementById('myImage').src代码>
function image() {
var imgSource = document.getElementById('myImage').src;
document.getElementById('destination').src = imgSource;
};
image();