javascript - 如何将javascript变量传递给html标签

Question

我已经创建了传递pdf文件的href标签，并且我在javascript中获取了该href值，并且我必须将该javascript变量传递给html标签，这可能意味着请帮助。

这是我的 html 代码:

 <div class="pdfdwnld">
    <a href="C:/xampp/www/htdocs/rajashri/uploads/cata111log.pdf" download  class="pdfbtn" data-toggle="modal" data-target="#myModal">Download Pdf</a>
 </div>

这是我的 Javascript 代码:

<script type="text/javascript">
var linksArray = document.getElementsByClassName("pdfbtn");
var myFunction = function(event) {
    event.preventDefault();
    var href = this.getAttribute("href");
    alert('hello ' + href);
    return false;
};
for (var i = 0; i < linksArray.length; i++) {
    linksArray[i].addEventListener('click', myFunction, false);
}

在 html 标签中，我只需要在这里传递 javascript 变量，例如 data-value="":

<div class="form_desc mob_view">
    <a class="fancybox" data-fancybox-group="iframe" data-value="" href="#pop_form">DOWNLOAD PDF</a> 
</div>

Answer 1

您可以使用 jQuery 设置值

$('#pop_form').data('myval',20); 

它将把 data-myval 的值设置为 20

myval 可以是您可以使用的任何名称。