如何将变量值传递给 HTML 数据类型答案

【问题标题】：How to pass variable value to HTML data-type如何将变量值传递给 HTML 数据类型
【发布时间】：2017-10-29 09:52:57
【问题描述】：

我声明了一个变量：var fburl = data.results[0].alias;

如何将 var 值传递给 HTML 数据类型？

例子：

var myurl = data.results[0].alias;

<div class="myclass" data-url="value in myurl"></div>

============

抱歉，我不是js专家，无法解释清楚。

动态获取元，并将值传递给添加此元类型。我使用了 .attr，它有效，但不适用于 Twitter 元。

var mymeta = $('.addthis_inline_share_toolbox_4m3m');
        mymeta.attr('data-url', myurl);
        mymeta.attr('data-title', mytitle);
        mymeta.attr('data-description', mydesc);
        mymeta.attr('data-media', myimage);
  }

【问题讨论】：

在这里展示你的努力
$('.myclass').attr('data-url',myurl);
How to set data attributes in HTML elements的可能重复
这是将值传递给 addthis 元类型。我在问题中添加了代码
我发表了我的评论作为答案。如果有用，请用绿色勾号标记它对将来的用户参考很有用@emmm

标签： javascript html addthis

【解决方案1】：

通过各种方法获取对DOM元素的引用，您可以使用Element.dataset属性获取/设置data-*自定义属性

document.querySelector('.myclass').dataset.url = data.results[0].alias;

【讨论】：