Question

我是stackoverflow的新手，我也是业余的javascript程序员。我正在尝试创建一个程序，当我单击一个按钮时，会出现一个提示，询问我的姓名。除此之外，我还希望该按钮消失，并替换为另一个具有以下值的按钮：Hello＆＃39; name＆＃39;。我该怎么做呢？我目前在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>

Answer 1

这样可行，它不会删除按钮，而是再次使用它来输入用户输入的名称。

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/

单击时用一个按钮替换另一个按钮

1 个答案: