Javascript 读取图像src的脚本

我不熟悉脚本，花了很多时间尝试编写一些代码

我想读取某个图像的动态写入源代码，然后在页面下方写入另一个源代码稍有不同的图像，如-

此图像动态写入页面顶部的页面上

<img src="chrome.jpg" id="test1"> 

然后我想写下来-

<img src="chrome2.jpg">

非常感谢艾米在这方面的帮助。

我假设“页面”指的是html页面。。。我进一步假设您希望在客户端执行此操作

为此，您将需要javascript，使用javascript库执行类似任务是有意义的，通过这种方式，事情会变得更简单。例如，使用jQuery库，您可以使用“选择器”来识别和使用dom树元素，并添加或更改您想要的一切。比如：

source=$('img#test1').attr('src');
// do something with the source url contained now inside source
$('p#further_down').append('<img>).attr('src',source);

source=$（'img#test1'）.attr（'src'）；
//对现在包含在源代码中的源url执行一些操作
$（'p#进一步向下'）。追加（'


我不知道你所说的仅仅是脚本是什么意思，所以我提供了两种方法，通过
DOM
&通过
jQuery
，你可以实现你想要的结果


使用jQuery:

检索图像的“src”：

var src = $(“#test1”).attr('src');

$("# test1").attr("src","chrome2.jpg");

document.getElementById("test1").src;

document.getElementById("test1").src="chrome2.jpg";

更改图像的
src
：

var src = $(“#test1”).attr('src');

$("# test1").attr("src","chrome2.jpg");

document.getElementById("test1").src;

document.getElementById("test1").src="chrome2.jpg";


使用DOM:

检索图像的“src”：

var src = $(“#test1”).attr('src');

$("# test1").attr("src","chrome2.jpg");

document.getElementById("test1").src;

document.getElementById("test1").src="chrome2.jpg";

更改图像的
src
：

var src = $(“#test1”).attr('src');

$("# test1").attr("src","chrome2.jpg");

document.getElementById("test1").src;

document.getElementById("test1").src="chrome2.jpg";

希望能有帮助。
你试过什么？嗨，我试过下面这样做，但没有运气请帮忙

source=$（'img#test1'）。attr（'src'）；//对source$（p#further#down'）中现在包含的源url做些什么。append（'嗯，我给出的只是一个粗略的示例（“类似的东西”）。你必须根据自己的需要来调整它。永远不要复制别人给你的东西，试着理解它是什么。总之：通常JavaScript组件保存在一个单独的文件中，该文件在html页面标题中引用。你会在google上找到数以百万计的例子，或者这个页面的源代码。如果不是这样，你必须把将脚本源代码导入html头部，您必须确保它已执行。我在答案中添加了一个工作示例。。。