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

如果您需要设置/修改data-value属性

的值

function(event) {

  event.preventDefault();

  // access element which fired event by > event.target
  var href = event.target.getAttribute('href');

  // Set attribute
  document.getElementsByClassName('fancybox')[0].setAttribute('data-value', href)

}

Answer 2

您可以使用jQuery

设置值

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

它会将值设置为data-myval为20

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

Answer 3

试试这个，

 var allElements = document.getElementsByClassName('fancybox');
 var firstElement = allElements[0];
 firstElement.dataset.value = href;

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

3 个答案: