用另一个按钮替换一个按钮

Replace one button with another on click

本文关键字：按钮 一个 另一个 替换      更新时间：2023-09-26

我是stackoverflow的新手，也是一名业余javascript程序员。我正试图使一个程序，其中，当我点击一个按钮，提示出现，询问我的名字。除此之外，我还希望该按钮消失，并被替换为另一个按钮的值:Hello 'name'。我该怎么做呢?我的代码，我目前有在javascript问我的名字，但不使按钮消失。我现在的js如下:

var button = document.getElementById("button");
function naming() {
    var getName = prompt("What is your name?");
    button.style.display = "none";
};

和我的html按钮:

<button id="button" onclick="naming();"> Name Here</button>

这将工作，它不会删除按钮，但再次使用它的用户输入的名称。

HTML

<button id="button">Name here</button>

JS 

var button = document.getElementById('button');
button.addEventListener('click', function() {
    var name = prompt("What is your name?");
    this.innerHTML = name
}, false);
http://jsfiddle.net/rYU7Q/

另一个方法

<button class="btn btn-primary" id = "del-btn">Old btn</button>
<div id = "sho-btn"></div>

 <script>
    var a = "<button class='btn btn-primary'>New Button</button>";
    document.getElementById("del-btn").style.visibility = 'hidden';
    document.getElementById("sho-btn").innerHTML = a;
    </script>
相关文章：