将 javascript 与 html (a href) 连接起来

Question

我正在使用 d3 javascript 可视化数据。我想在地图中显示我去过的地方和去的时间。为此，我有一个一年的时间表。当我三月在“柏林”时，时间线显示“三月”，柏林在地图上突出显示。

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

例如我想说：我在“柏林”。当我点击“柏林”时，我想通过 柏林。在地图中，我希望时间线位于“三月”和“柏林”以突出显示。 这可能吗？

是否可以为 html-code 提供参数，以便在 javascript-section 中使用？

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
});