Javascript 替换a的文本（<；李>；有形象

调用事件时，如何用图像替换

的文本？ 当点击

时，我想在这里看到一张图片。我尝试了

innerHTML

，但没有结果。 有什么想法吗

<ul onclick="myFunction(event)">

 <li>1</li>
 <li>2</li>
 <li>3</li>

</ul>

function myFunction(event){
  var t;
  if(event.target){
    t = event.target;
  }else{
    t = event.srcElement;
  }

t.innerHTML = '<img src="img.png">';
}

一,
二,
三,

函数myFunction（事件）{
变量t；
if（event.target）{
t=事件目标；
}否则{
t=event.src元素；
}
t、 innerHTML=''；
}

假设您有这样一个结构：

<ul>
  <li>Some Text</li>
</ul>

此代码正在运行：

document.querySelector（“li”）.addEventListener（“单击”），函数（事件）{
让image=document.createElement（“IMG”）；
image.src=“//placehold.it/20”//示例图像
this.innerText=“；//删除文本
this.append（image）；//将图像附加到li
});
一些文本
您使用
innerHTML
尝试了什么？请向我们展示您的代码。请向我们展示您当前的代码，以及预期的结果。到目前为止，您是否尝试过任何操作，您是否可以发布代码？我将用此函数替换我的函数？现在，在您的代码中，您将单击侦听器附加到
而不是
，因此，您还需要从

document.querySelector("li").addEventListener("click", function(event) {
  let image = document.createElement("IMG");
  image.src = "//placehold.it/20"; // example image
  this.innerText = ""; // remove text
  this.append(image); // append image to the li
});