连接javascript和html (一个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
});