將JavaScript變量用作HTML中href鏈接的一部分

Question

我的部分代碼：

<p id="demo">{$value.file_name}</p>

<script type="text/javascript">

var str = document.getElementById("demo").innerHTML;
var res = str.replace("/var/www/html/biology/demo", "");
document.getElementById('para').innerHTML = res;

</script>

<a href="#para" id='para'>Download</a>

網址的這一部分已經存在：“ abcdedu / bio / cluster /”

$ value.file_name包含“ /var/www/html/biology/demo/files/mpijobs/107/mothership/data/job107_0_0_output.tif”

在腳本之后，“ para”包含已編輯的路徑，即“ /files/mpijobs/107/mothership/data/job107_0_0_output.tif”（刪除了“ / var / www / html / biology / demo ”）

編碼：

<a href="{$value.file_name}">Download</a>

提供指向“ abcdedu / bio / cluster / / var / www / html / biology / demo /files/mpijobs/107/mothership/data/job107_0_0_output.tif”的可點擊鏈接

我想做的是將方括號內的“ {$ value.file_name}”替換為“ para”（及其代表的意思），以便將下載鏈接鏈接到

“ abcdedu / bio / cluster // files / mpijobs / 107 / mothership / data / job107_0_0_output.tif”

Answer 1

對不起，我誤會了。

如果a href屬性設置如下：

<a href="{$value.file_name}">Download</a>

您可以在javascript中使用：

str.setAttribute("href", res);

編輯：

好，我知道了。 對不起，這個艱苦的練習。 這是你應該寫的：

<p id="demo">{$value.file_name}</p>
<a href="#para" id='para'>Download</a>

<script type="text/javascript">

var str = document.getElementById("demo").innerHTML;
var res = str.replace("/var/www/html/biology/demo", "");
para = document.getElementById('para');
para.href = res;

</script>