请帮助我使用 js 中按钮的 onclick 功能答案

【问题标题】：please help me in this onclick function for button in js请帮助我使用 js 中按钮的 onclick 功能
【发布时间】：2016-05-06 11:23:57
【问题描述】：

我编写了这段代码来替换 div:"change" 中的元素，当单击按钮："insert" 时，用文本框中给出的输入："use10"。但是当我什么都不点击时正在发生请帮助。这是我的代码：

<div id="change">
    <?php 
    echo $r9['fname'];
    echo "&nbsp;";
    echo $r9['lname'];
    echo "&nbsp;"; 
    ?>
</div>

<div id="dialog" title="Change Details"> 
    <form method="POST" name="changename">
        <input type="text"  id="use10" name="use10" placeholder="First Name">
        <input type="text"  id="use20"  name="use20" placeholder="Last Name">
        <button type="button" type="submit" name="insert" id="insert" class="btn btn-success">Change</button>
        <script>
            document.getElementById("insert").onclick=function(){
            var fn=getElememtById("use10").value;
            document.getElementById("change").innerHTML=fn;}
        </script>
    </form>
</div>

【问题讨论】：

代码中没有id为“change”的元素
"change" 元素不在这里
修复您的 html 将是一个不错的起点。
我在代码区编辑了 2 次，但没有显示在那里

标签： javascript html input

【解决方案1】：

试试这个：

Jsfiddle：https://jsfiddle.net/74Lmwcmt/

$( document ).ready(function() {  

    document.getElementById("insert").onclick=function(){
     var fn=document.getElementById("use10").value; // you forget to write "document." over here
     document.getElementById("change").innerHTML=fn; // give id of div
    }

});

或

window.onload = function() { 

 document.getElementById("insert").onclick=function(){
         var fn=document.getElementById("use10").value; // you forget to write "document." over here
         document.getElementById("change").innerHTML=fn; // give id of div
        }
};

【讨论】：

document.getElementById("change").innerHTML="test";
测试显示，但输入时没有响应
我的意思是说在 document.ready 中编写你的代码...我已经更新了上面的答案试试
我在 testbox use10 中插入字符串

【解决方案2】：

我刚刚使用了您的代码并对其进行了一些更改。看看这是否是你要找的。p>

<div id="change" title="Change Details">
 <p> <form method="POST" name="changename"><input type="text"  id="use10"
 name="use10" 
 placeholder="First Name"> </p>
 <p> <input type="text"  id="use20"  name="use20"
 placeholder="Last Name"> </p>
 <button type="button" type="submit" name="insert" id="insert" class="btn
 btn-success">Change</button><script>
 document.getElementById("insert").onclick=function(){
 var fn=document.getElementById("use10").value;
 document.getElementById("change").innerHTML=fn;}</script>
 </form>
 </div>

【讨论】：