Question

我想创建一个在点击后替换h1 html的函数。它似乎不起作用，我不知道我做错了什么。

这是我的Javascript：

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

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

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

这是我的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>

Answer 1

JS区分大小写。它应该是innerHTML，此外innerHTML设置元素的内容，因此不需要将Yo Mama包含在函数中的另一个<h1>标记内：

＆＃13;

function changeToYoMaMa(el) {    
    el.innerHTML = 'Yo Mama';
};

var el = document.getElementById("heading");

el.addEventListener('click', function() {
    changeToYoMaMa(this);
});

＆＃13;

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

＆＃13;

Answer 2

您应该使用innerHTML而不是innerHtml。

这是区分大小写的

heatmap(as.matrix(distance.matrix))

Answer 3

function changeToYoMaMa(el) {    
    el.innerHTML = "<h1>" + "Yo Mama" + "</h1>";
  };

  var el = document.getElementById("heading");

  el.addEventListener('click', function() {
      changeToYoMaMa(el);
  });

<!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区分大小写。请将'el.innerHtml'更正为'el.innerHTML'

Javascript的innerHtml不起作用

3 个答案: