Question

我对javascript很新，并且在我最近学到的东西上测试自己的能力，我决定创建一个刽子手游戏。

我没有教过的一件事是用javascript在html中显示图像。

我的刽子手游戏的一个关键部分是当用户的生命从8减少到0时游戏结束时，我想要显示不同的刽子手图像以与减少的生命相对应。

我所拥有的代码并没有像我预期的那样在网站上显示图像。这是为什么？

            if (lives ==7){
            <img src="Hangman-0.png">
             }

谢谢

Answer 1

您希望图片元素使用id

def spark_cython(*args,**kwargs):
  global cython_function_
  module='clinical_kernel'
  method='mydist'
  try:
      return cython_function_(*args, **kwargs)
  except:
      import pyximport
      pyximport.install()
      cython_function_ = getattr(__import__(module), method)
      return cython_function_(*args, **kwargs)

然后在javascript：

<img id="hmImg" src=""/>

Answer 2

你编写javascript来操纵DOM，这是用户最终看到的。除了<img src="Hangman-0.png">是无效的javascript，因此会在控制台中引发错误。

要使用javascript动态注入图像，您需要在DOM中找到一个插入图像的节点。假设您希望将图片放在ID为image

的div中

if (lives ==7){
   var newElement = document.createElement("img");
   newElement.setAttribute("src", "Hangman-0.png");
   document.getElementById("image").appendChild(newElement)     
}

Hangman游戏Javascript显示图像

2 个答案: