使用预制字符串的文本替换和使用 JavaScript 的 HTML 中的按钮

textreplacing using premade strings and a button in html using javascript

本文关键字：HTML 按钮 JavaScript 文本替换 字符串      更新时间：2023-09-26
<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>
我

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

1：你有一个小错别字：

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

2：你记得在你的JavaScript上面嵌入jQuery吗？

3：var førstetext='the new text';中的ø在Chrome中的本地计算机上破坏了它，但在Safari中却没有。小提琴在两个浏览器中都有效。尝试删除ø。

相关文章：