将变量从<script>内的anchor标记传递到段落标记

时间:2016-03-15 12:22:42

标签: javascript html

如何将脚本标记内的锚标记中的变量传递给脚本外部的段落?

&#xA;&#xA;
 &lt; div class =“modal-content”&gt; &#XA; &lt; div class =“modal-header”&gt;&#xA; &LT; / DIV&GT;&#XA; &lt; div class =“modal-body”&gt;&#xA; &lt; p id =“test1”&gt;&lt; / p&gt;&#xA; &LT; / DIV&GT;&#XA; &lt; div class =“modal-footer”&gt;&#xA; &LT; / DIV&GT;&#XA; &lt; / div&gt;&#xA;  
&#xA;&#xA;

JavaScript代码

&#xA;&#xA; <预> <代码>&LT;脚本&GT;&#XA; var VARIABLE =“abc”&#xA; var container = document.getElementById(“wrapper”);&#xA; var url = ['url_1','url_2']&#xA; for(i = 0; i&lt; url.length; i ++){&#xA; container.insertAdjacentHTML('beforeend','&lt; a href =“#test1”data-target =“#myModal”data-toggle =“modal”&gt;&lt; img src&gt;&lt; / a&gt;');&# XA; }&#xA;&lt; / script&gt;`&#xA; &#xA;

1 个答案:

答案 0 :(得分:0)

您必须将锚标记分配给变量。

var anchor = '<a href="#test1" data-target="#myModal" data-toggle="modal"><img src></a>';

然后将this的值设置为段落的内部HTML

document.getElementById("test1").innerHTML = anchor;

你可以将这两个结合起来

document.getElementById("test1").innerHTML = '<a href="#test1" data-target="#myModal" data-toggle="modal"><img src></a>'

段落中也不需要VARIABLE文本。尽管如此,尽管如此;你根本不需要用javascript来完成这个任务。您可以将段落标记中的锚标记设置为

<p>
    <a...></a>
</p>

如果不是您想要实现的目标,请您详细说明您的问题,因为它有点令人困惑。