如何将解析后的URL值从javascript发送到html中img标记的src？

我正在创建一个名为test.html的html文件。 使用JavaScript，我解析了一个URL以获得解析后的参数

URL类似于以下内容（示例URL）

解析完这些值后，我想以以下格式将解析后的值发送到HTML img标记。当我点击上面的URL时，会解析值p1和p2，并执行test.html文件中的img标记：

<img src="http://example2.com/tiger.gif?p1={p1_parsed_value}&p2={p2_parsed_value}"

我已尝试使用document.getElementById。我不确定这是否正确。如何仅将那些解析后的URL值传递到img标记的src中？
您可以使用

var img = document.querySelector("img");//select node

img.setAttribute("src",url);//set src attribute to required url


var baseUrl='1〕http://example2.com/tiger.gif';
var u=新URL（'http://example.com/test.html?p1=welcome&p2=hello');
//u.search:？p1=欢迎，p2=你好
var newUrl=baseUrl+u.search；
console.log（newUrl）；
//或
newUrl=baseUrl+'？p1='+u.searchParams.get（“p1”）+'&p2='+u.searchParams.get（“p2”）
console.log（newUrl）；
//显示图像
document.body.innerHTML+=''您可以使用


var baseUrl='1〕http://example2.com/tiger.gif';
var u=新URL（'http://example.com/test.html?p1=welcome&p2=hello');
//u.search:？p1=欢迎，p2=你好
var newUrl=baseUrl+u.search；
console.log（newUrl）；
//或
newUrl=baseUrl+'？p1='+u.searchParams.get（“p1”）+'&p2='+u.searchParams.get（“p2”）
console.log（newUrl）；
//显示图像
document.body.innerHTML+=''看看不清楚url的来源是什么。请提供一个@charlietfl，我已经编辑过了。现在清楚了吗？不，不清楚。可能还需要阅读，看看不清楚url的来源是什么。请提供一个@charlietfl，我已经编辑过了。现在清楚了吗？不，不清楚。可能还需要阅读，我想直接将其传递给src标记。还有其他方法吗？src是img标记上的一个属性，您可能还对jquery库感兴趣，它使dom遍历和操作更容易，我想直接将它传递给src标记。还有其他方法吗？src是img标记上的一个属性，您可能还对jquery库感兴趣，它使dom遍历和操作更容易
var img = document.querySelector("img");//select node

img.setAttribute("src",url);//set src attribute to required url

$('#test img').attr('src', function(index,`val`) {
    return val.replace("default.jpg", "dynamic.jpg");
});