Javascript 如何更改div内容

我正在制作一个足球网站，在这个网站的左侧将有一个导航窗格。当您单击其中一个选项卡时，它将显示相应的视频，希望是通过javascript。我希望这是在同一个html文件中完成的，因此它不必重新加载

以下是导航栏的代码：

    <div class="highlights"><a><p>MATCH HIGHLIGHTS</p></a> </div>

        <a href="#"><div class="win">
            <div class="match"><p>Cardiff</p></div>
            <div class="score"><p>1-2</p></div>   
        </div></a> 
        <a href="#"><div class="loss">
            <div class="match"><p>Everton</p></div>
            <div class="score"><p>3-2</p></div>   
        </div></a> 
        <a href="#"><div class="win">
            <div class="match"><p>Leeds</p></div>
            <div class="score"><p>2-0</p></div>   
        </div></a> 
        <a href="#"><div class="loss">
            <div class="match"><p>Hull</p></div>
            <div class="score"><p>2-3</p></div>   
        </div></a> 

然后内容将进入该分区：

<div id="content">      content goes here        </div>

内容在这里

我建议您仔细阅读jQuery。这里有一个更改HTML内容的好参考，允许您添加粗体、强调等。您可能还希望

。text

起作用。

在每个超链接上单击函数，如下所示：

<a href="javascript:;" onclick="showGoals(1);"><div class="win">
            <div class="match"><p>Cardiff</p></div>
            <div class="score"><p>1-2</p></div>   
        </div></a> 


function showGoals(matchId) {
$.ajax({
success : fumction (data) {
$('#content').val(data);
}
});
return false;
}

函数showGoals（matchId）{
$.ajax({
成功：fumction（数据）{
$（'#content'）.val（数据）；
}
});
返回false；
}

你试过什么吗？就是这样！我的主要任务是将javascript与html链接起来，现在我可以处理它了！非常感谢。