使用html連接javascript（href）

Question

我使用d3 javascript可視化數據。我想在我曾經去過的地方，以及我在那裏的時候出現。爲此我有一年的時間表。當我3月份在「柏林」時，時間線顯示「March」，柏林在地圖上突出顯示。

現在我想將這個可視化與博客條目連接起來。

例如，我想說：我在「柏林」。當我點擊「柏林」時，我想通過柏林的 發送到可視化。在地圖中，我希望時間線在「March」和「Berlin」上突出顯示。 這可能嗎？

是否可以給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 
});