设置html输入或textarea的值

时间:2018-02-05 15:38:15

标签: javascript html css

完美的工作。我想获取当前URL并将其设置在textarea或输入标记内。实际上,该值设置为p标记。

function urlf() {
  document.getElementById("root").innerHTML = "The full URL of this page is: < br > " + window.location.href;

}
<h2>JavaScript</h2>
<h3>The window.location.href</h3>
<button id="my btn" type="button" onclick="urlf()">
            get
        </button>
<p id="root"> </p>

我该怎么做?

4 个答案:

答案 0 :(得分:3)

创建input代码并设置其value

function urlf() {
  document.getElementById("root").value = "The full URL of this  page is:" + window.location.href;

}
<h2>JavaScript</h2>
<h3>The window.location.href</h3>
<button id="my btn" type="button" onclick="urlf()">
        get
    </button>
<input type="text" style="width:100%;" id="root">

答案 1 :(得分:2)

您设置了标识为innerHTML的元素的root。根据你的代码,这是:

<p id="root"> </p>

因此,如果要将内容加载到输入字段,则需要更改以下内容:

document.getElementById("root").value = "The full URL of this page is:" + window.location.href;
<input id="root" type="text" />

问候

答案 2 :(得分:2)

您只想在输入中输入当前网址吗?如下所示:

 function urlf() {
     document.getElementById("root").value = "The full URL of this page is:" + window.location.href;        }
<div>
      <h2>JavaScript</h2>
     <h3>The window.location.href</h3>
    <button id="my btn" type="button" onclick="urlf()">
        get
    </button>
    <input style="width:500px;" type="text" id="root"/>
</div>

答案 3 :(得分:2)

DomainEventEntry