Question

我想创建一个按钮来修改

标签内的名称，但它不起作用，我已经用文本框测试了它并且它可以工作。这是我的示例代码：

<div data-role="content">

    <input type="text" id="NumberInput" data-clear-btn="true">
    <center><p id= "DisplayInput"> </p></center>
    <a data-role="button" onClick="modify( )">RENAME</a>

</div>              


<script>

    function modify( )
    {

    document.getElementById('NumberInput').value = "new input value";   
    document.getElementById('DisplayInput').value = "new display value";    

    }

</script>

当我按下按钮并且

标签保持为空时，只有文本框被重命名，我的代码有问题吗？这与javascript工作，但我需要使用jquery转换它，我仍然学习请耐心等待我。

提前感谢任何帮助或建议。

Answer 1

使用innerHTML属性

  document.getElementById('DisplayInput').innerHTML = "new display value";

DEMO

Answer 2

DisplayInput是一个段落。由于不是输入元素，因此它没有value。但是，您可以使用innerHtml：

document.getElementById('DisplayInput').innerHtml = "new display value";

Answer 3

您需要使用innerHTML属性而不是value，因为p代码没有值属性

document.getElementById('DisplayInput').innerHTML = "new display value";

根据id重命名标记

3 个答案: