javascript - 连接 javascript 和 html (a href)

Question

我正在使用 d3 javascript 可视化数据。我想在地理 map 中显示我去过的地方以及我在那里的时间。为此，我的时间表是一年。当我三月在“柏林”时，时间线显示“三月”，并且柏林在 map 上突出显示。

现在我想将此可视化与博客条目连接起来。

例如我想说:我在“柏林”。当我点击“柏林”时，我想通过以下方式发送到可视化 柏林。在 map 中，我希望时间线位于“三月”并突出显示“柏林”。 这可能吗？

是否可以向 html 代码提供参数，以便在 javascript 部分中使用？

Answer 1

您可以使用许多属性作为在 html 元素中保存动态数据的方法。示例 html:

<div id="berlin" class="city-wrapper" blog-link="march">BERLIN CONTENT</div>

和 JavaScript:

var city = document.getElementById("berlin");
city.addEventListener("click", function(){
    var blogLink = this.getAttributeNode("blog-link").value;
    updateTimeline(blogLink); //Function to update the timeline according to element id
});