如何在单击a时包含html文件代码<；李>；使用ajax和javascript？

我的html代码中包含以下元素：

<ul class='tabs'>
  <li data-file='home'><a>Home</a></li>
  <li data-file='contact'><a>Contact</a></li>
   ..
   ..
</ul>

但我有一个错误：

Uncaught TypeError: Cannot set property 'innerHTML' of null
    at XMLHttpRequest.xmlhttp.onreadystatechange 

---

将HTML更改为具有指定ID的元素

<div id='content'>
   //Homepage Content
</div>

//主页内容

将HTML更改为具有指定ID的元素

<div id='content'>
   //Homepage Content
</div>

//主页内容

//主页内容

以上内容应为：

<div id='content'>
   //Homepage Content
</div>

//主页内容

因为这里

document.getElementById（'content'）.innerHTML=xmlhttp.responseText

您正在使用ID属性访问元素

//主页内容

以上内容应为：

<div id='content'>
   //Homepage Content
</div>

//主页内容

---

因为这里

document.getElementById（'content'）.innerHTML=xmlhttp.responseText

您正在使用ID属性访问元素

错误是明确的

文档。getElementById（'content'）

返回

null

。这是因为您正在查找ID为“content”的元素，而您可能希望

getElemenetByClassName

getElementById

将为您获取一个具有特定ID的元素。您的元素没有ID

content

，但它有一个具有该名称的类。通过元素的类名获取元素或将其ID设置为

content

。谢谢，错误已经消失，但“content”div的内容没有更改，这是为什么？错误很明显

document。getElementById（'content'）

返回

null

。这是因为您正在查找ID为“content”的元素，而您可能希望

getElemenetByClassName

getElementById

将为您获取一个具有特定ID的元素。您的元素没有ID

content

，但它有一个具有该名称的类。通过其类名获取元素或将其ID设置为

content

。谢谢，错误消失了，但“content”div的内容没有更改，为什么？谢谢，错误消失了，但“content”div的内容没有更改，为什么？控制台记录此

xmlhttp.responseText

。控制台中是否包含任何内容或是否存在任何错误我将响应包含在具有主页内容的div中，我在控制台中收到以下消息：XHR已完成加载：get”“。谢谢，错误已消失，但“content”div的内容没有更改，这是为什么？控制台记录此

xmlhttp.responseText

。控制台中是否包含任何内容或是否存在任何错误I将响应包含在包含主页内容的div中，我在控制台中收到以下消息：XHR已完成加载：get”“。谢谢，错误已消失，但“content”div的内容没有更改，为什么会这样？我想现在的问题是

xmlhttp.responseText

中包含了什么。我将console.log这段日志并查看。谢谢，错误已经消失，但是“content”div的内容没有更改，这是为什么？我想现在的问题是

xmlhttp.responseText

中包含了什么。我将console.log记录这个，然后查看。

<div id='content'>
   //Homepage Content
</div>