Question

通过这个简单的例子，我希望p元素获得文本输入的当前值，但无法弄清楚。价值不会改变。

＆＃13;

    function myFunction() {
    document.getElementById("myText").value = "Johnny Bravo";
    }
    document.getElementById("p1").innerHTML =   document.getElementById("myText").value;

＆＃13;

    Name: <input type="text" id="myText" value="Mickey">

    <p id="p1">Click the button to change the value of the text field.</p>

    <button onclick="myFunction()">Try it</button>

＆＃13;

Answer 1

将部分代码移到函数内部。目前，它只运行一次，而不是在单击按钮后再次运行。

＆＃13;

    function myFunction() {
      document.getElementById("myText").value = "Johnny Bravo";
      document.getElementById("p1").innerHTML =   document.getElementById("myText").value;
    }

＆＃13;

    Name: <input type="text" id="myText" value="Mickey">

    <p id="p1">Click the button to change the value of the text field.</p>

    <button onclick="myFunction()">Try it</button>

＆＃13;

Answer 2

    function myFunction() {
    document.getElementById("p1").innerHTML =   document.getElementById("myText").value;
    }

    Name: <input type="text" id="myText" value="Mickey">

    <p id="p1">Click the button to change the value of the text field.</p>

    <button onclick="myFunction()">Try it</button>

Answer 3

切换JS中的两行代码的位置......

function myFunction() {
    document.getElementById("p1").innerHTML = document.getElementById("myText").value;
}
document.getElementById("myText").value = "Johnny Bravo";

我猜你想以Johnny Bravo的身份开始贬值，然后点击按钮，然后设置innerHTML？

如何使用javascript访问文本输入值

3 个答案: