将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>