Javascript Can'；无法在鼠标悬停事件中获取要加载的图像

我有两个并排的div容器。左div有一个无序列表，其中包含3个li元素。每个li都有一个唯一的ID。我正在尝试在第一个li上获得onmouseover事件，以便将PNG文件加载到正确的div中

以下是html：

<div class="twoCol">
   <ul class="storeList">
   <li id="level_1">Richmond</li> <!-- mouseover loads png in 2nd div --> 
   <li id="level_2">Santa Maria</li>
   <li id="level_3`enter code here`">Venezula</li>
  </ul>
  </div> 

 <div class="twoCol" id="jsContent">

  <!-- load png into this div via mouseover on ID: level_1  -->

 </div>

---

src是img元素的属性，但不是子元素。 试一试

---

首先，JavaScript中有一个输入错误：在

var storeHours=newObject（）中分离
new
和
Object

其次，在
appendChild（）
中，必须提供一个节点元素，以及使用
storeHours.src=“store\u hours.png”创建的内容
实际上是一个字符串

您有两个选择：

使用传统的
setAttribute（）
方法：
var storeHours=new Object（）；
storeHours.img=document.createElement（“img”）；
//storeHours.src=“store\u hours.png”；
//storeHours.img.appendChild（storeHours.src）；
storeHours.img.setAttribute（'src'，'store_hours.png'）；

如果要遵循对象近似，请使用
setAttributeNode（）
方法：
var storeHours=new Object（）；
storeHours.img=document.createElement（“img”）；
//storeHours.src=“store\u hours.png”；
//storeHours.img.appendChild（storeHours.src）；
storeHours.src=document.createAttribute（'src'）；
storeHours.src.value='store_hours.png'；
storeHours.img.setAttributeNode（storeHours.src）；
var storeHours=newObject（）输入错误？进行对象调用的更好方法是使用文字<代码>var storehours={}
。
var storeHours = newObject();
storeHours.img = document.createElement("img");
storeHours.src = "store_hours.png";
storeHours.img.appendChild(storeHours.src);

var liElement1 = document.getElementById("level_1"); // ID for 1st li element

var addContent = document.getElementById("jsContent"); // ID for div to load png

liElement1.onmouseover = function() {
addContent.appendChild(storeHours.img);     
};

storeHours.img.src = storeHours.src;