Javascript'；s的innerHtml不工作_Javascript_Html

Javascript'；s的innerHtml不工作

javascript html

Javascript'；s的innerHtml不工作,javascript,html,Javascript,Html,我想创建一个函数，一旦单击，它将替换h1html。不知何故，它似乎不起作用，我不知道我做错了什么以下是我的Javascript： function changeToYoMaMa(el) { el.innerHtml = "<h1>" + "Yo Mama" + "</h1>"; }; var el = document.getElementById("heading"); el.addEventListener('click', fu

我想创建一个函数，一旦单击，它将替换h1html。不知何故，它似乎不起作用，我不知道我做错了什么

以下是我的Javascript：

  function changeToYoMaMa(el) {    
    el.innerHtml = "<h1>" + "Yo Mama" + "</h1>";
  };

  var el = document.getElementById("heading");

  el.addEventListener('click', function() {
      changeToYoMaMa(el);
  });

functionchangeoyomama（el）{
el.innerHtml=“”+“你妈”+”；
};
var el=document.getElementById（“标题”）；
el.addEventListener（'click'，函数（）{
丰田章男；
});

这是我的HTML：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>javascript tests</title>

  </head>
  <body>

    <h1 id="heading">hello world</h1>

    <script type="text/javascript" src="javascripttests.js"></script>
  </body>
</html>


javascript测试
你好，世界

JS区分大小写。它应该是

innerHTML

，而且

innerHTML

设置元素的内容，因此不需要将

Yo

包装在函数中的另一个

标记中：

functionchangeoyomama（el）{
el.innerHTML='yomama'；
};
var el=document.getElementById（“标题”）；
el.addEventListener（'click'，函数（）{
改变丰田章男（这个）；
});
hello world
您应该使用innerHTML而不是innerHTML
这是区分大小写的
el.innerHTML = "<h1>" + "Yo Mama" + "</h1>";

el.innerHTML=“+”你妈“+”；

functionchangeoyomama（el）{
el.innerHTML=“”+“你妈”+”；
};
var el=document.getElementById（“标题”）；
el.addEventListener（'click'，函数（）{
丰田章男；
});

javascript测试
你好，世界
这是innerHTML
@karthigh，不会有任何错误。@BenM。哦，是的，它将是未定义的。@不，它不会。给定的代码将innerHtml
的属性分配给el
，这是完全有效的。因此，在运行函数后，记录元素的innerHtml
属性将显示Yo Mama
。非常感谢。如果已经存在两个完全相同内容的其他答案，您为什么要添加答案？而是投票给他们。此外，您不应该包括h1
标记。。。