javascript - 使用预制字符串进行文本替换，并使用 javascript 在 html 中使用按钮

Question

<div class="Banner">

  <div class="container">
    <table><td>
      <h1 id="overskrift">myhead</h1>
       <p id="midtext">
         fillertext
       </p>
       <p id="sluttekst">
         morefiller
       </p>
    </td>
    <td>
     <img src="2.jpeg" id="billedSkift" height="200px"width="200px"></img>
    </td>
    </table></div>
     </div>
<center>
  <div class="container" >
    <div class="btn-group btn-group-lg" role="toolbar">
    <a class="btn btn-default" href="#" id="changetxt" role="group" >Kuvertering</a>
    <a class="btn btn-default" href="#" id="printbrev" role="group"  >Printbrevflet</a>
    </div>
    </div></center>

<script> $("#changetxt").on("click", function(){
     var oeverskrift = 'the new headline';
     var førstetext='the new text';
     var andentext='some more new text';
        document.getElementById('overskrift').innerHTML = oeverskrift;
        document.getElementById('midtekst').innerHTML = førstetext;
        document.getElementById('sluttekst').innerHTML = andentext;

    });
 </script>

我已经使用这种方法来更改测试文档中的类似文本，但是我似乎完全忽略了这里的脚本，我尝试了几种方法，但没有成功，即使按钮有响应。 我把自己陷入了一个令人难以置信的 Angular 落，非常感谢任何建议/帮助

Answer 1

1:您有一个小错字:

 document.getElementById('midtekst').innerHTML = førstetext; // typo 'midtekst' should be 'midtext'

2:您是否记得将 jQuery 嵌入到 JavaScript 之上？

3:var førstetext='the new text'; 中的 ø 在 Chrome 中的本地计算机上破坏了它，但在 Safari 中却没有。 fiddle 可以在两种浏览器中使用。尝试删除 ø。