锚点标记html,获取点击选定的锚点标记的id，并相应地设置另一个div的html

我有3个锚点(a)标记，全部共享单个div元素来执行操作。看到我的HTML下面。基本上，当你点击锚标签1时，我希望它用html填充id =“fillDiv”的div。当你点击第二个锚点标记时，它应该擦除#fillDiv并将其替换为新的html。我如何设置这样的功能。这是我尝试获取点击选定的锚点标记的id，并相应地设置另一个div的html

HTML：

tag1

tag2

tag3

JS：

function changeDiv(){

if changeDiv().is('#a1'){

document.getElementById('fillDiv').html('

filling 1

');

}

elseif

changeDiv().is('#a2'){

document.getElementById('fillDiv').html('

filling 2

');

}

elseif

changeDiv().is('#a3'){

document.getElementById('fillDiv').html('

filling 3

');

}

}

请注意：我不想用一个显示/隐藏DIV功能，这对我很重要的是，填充Div只是一个单独的div，而不是与另外两个有显示的div相结合：开始时没有任何属性。

任何帮助表示赞赏

谢谢