我有3个锚点(a)标记,全部共享单个div元素来执行操作。看到我的HTML下面。基本上,当你点击锚标签1时,我希望它用html填充id =“fillDiv”的div。当你点击第二个锚点标记时,它应该擦除#fillDiv并将其替换为新的html。我如何设置这样的功能。这是我尝试获取点击选定的锚点标记的id,并相应地设置另一个div的html
HTML:
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相结合:开始时没有任何属性。
任何帮助表示赞赏
谢谢