Question

我已经尝试了很长一段时间来取代我的文字，无论我尝试什么，它都没有取代任何东西。我尝试过到处寻找，但我无法找到答案。

<html>
<head>
  <meta charset="UTF-8">
  <title>OnStream</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=0">



      <link rel="stylesheet" href="https://onstreamvideo.github.io/css/style.css">

</head>

<script language="JavaScript">
    function showInput() {
        document.getElementById('display').innerHTML =
                    document.getElementById("sharingurl").value;

    }
  </script>

  <script>
  function fetchCorrections() {
    var str = document.getElementById("sharingurl").innerHTML;
    var res = str.replace(/www.google.com/g, "google");
    document.getElementById("sharingurl").innerHTML = str;


}
    </script>



  <body onload="fetchCorrections();">
<header>
  <h1>OnStream</h1>
</header>
</body>

  <ul>
    <li>
      <form>
        Dropbox Share Url:<br>
  <input type="text" id="sharingurl" value="url"><br><br>

<input type="button" onclick="showInput();" value="Click"><br/>
  <br>
</form>
</li>
</ul>

<ul>
<li>
  <label>Your Input</label>
  <p><span id='display'</span></p>
</li>
<ul>

</body>
</html>

我是Stack Overflow和编码的新手，所以如果我犯了错误，请原谅我的无知。：）

编辑：对不起，伙计们，我已经累了，而且我一整天都在随机工作，试图在每次离开的地方继续工作，在发布之前我在代码中留下了一些错误。我尝试稍微清理一下代码，并且我已经将上面的代码换成了更新的代码;如果你发现任何错误，请随时告诉我，并且理解这是我的一个笨拙的错误。感谢。

Answer 1

试试这个，它会起作用

<html>

<head>
  <meta charset="UTF-8">
  <title>OnStream</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=0">
  <link rel="stylesheet" href="https://onstreamvideo.github.io/css/style.css">
</head>
<script language="JavaScript">
  function showInput() {
    document.getElementById('display').innerHTML =
      document.getElementById("sharingurl").value;
  }

  function fetchCorrections() {
    showInput();
    var str = document.getElementById("sharingurl").value;
    var res = str.replace(/blue/g, "red");
    document.getElementById("sharingurl").value = res;
  }
</script>

<body class="depiction">
  <header>
    <h1>OnStream</h1>
  </header>
</body>

<body>
  <ul>
    <li>
      <form>
        Dropbox Share Url:
        <br>
        <input type="text" id="sharingurl" value="url">
        <br>
        <br>

        <input type="button" onclick="fetchCorrections()" value="Click">
        <br/>
        <br>
      </form>
    </li>
  </ul>

  <ul>
    <li>
      <label>Your Input</label>
      <p><span id='display' </p>
</li>
<ul>

</body>
</html>

Answer 2

程序中的错误

带有id =显示的跨度不完整。
输入元素没有像innerHTML这样的属性。
您应该使用value属性而不是innerHTML来为input元素赋值。
多个身体标签。

尝试用fetchcorrection替换此函数

function fetchCorrection(){
    var str = document.getElementById("sharingurl").value;
    var res = str.replace(/blue/g, "red");
    document.getElementById("sharingurl").value = res;
}

为什么我的JavaScript替换功能无法正常工作？

2 个答案: