尽管window onload，document.getElementById仍然无法正常工作

Question

我有一小段代码可以获取网页的网址，并在curl {subdomain}.localhost个字符后面填充textarea个token-box个#内容。

我最初在<p>标记后面有javascript。这不起作用，window.onload功能也没有。

<p id="token">

  <script>

  window.onload = function() {
    var url = location.href
    var index = url.search(/access_token=/g)
    var access_token = url.substring(index+13,index+37)
    if (index > 18) {
      document.getElementById("token-description").value = "Your access token is:<br>";
      document.getElementById("token-box").value = access_token;
    }
    document.getElementById("token-box").select();
  }

  </script>

  <p id="token-description" class="token-title" value="hello">
  </p>

  <input id="token-box" type="text" name="token" value="lol">
</p>

真正奇怪的是填充input的javascript（第二个document.getElementById确实有效。为什么我不能填写<p>代码的值？

Answer 1

value元素没有P。

更改

document.getElementById("token-description").value = "Your access token is:<br>";

到

document.getElementById("token-description").innerHTML = "Your access token is:<br>";