javascript - 按钮上的变量值会更改，但不会更改显示

Question

我正在尝试创建一个按钮，将 onclick 从 Migrate 更改为 migrated。当我点击它时，值会改变，但显示保持不变。我该如何回去处理这种情况

function migrate(p){
    $$('dlmisc_a10').value = "Migrated";
    alert ($$('dlmisc_a10').value);
}

Answer 1

我将假设按钮是 a<button></button>并$$返回一个带有传递 id 的元素。然后要更改文本，您必须更改innerHTML.

function migrate(p){
    $$('dlmisc_a10').innerHTML = "Migrated";
}

Answer 2

假设您使用的是原型（我只能通过您的 $$ 函数调用猜测），您可以为此更改按钮的按钮标签：

$$('dlmisc_a10').first().update("Migrated");

无论如何很奇怪，因为我不认为“dlmisc_a10”是一个有效的选择器。您能否发布具有该按钮的 html 部分并澄清您使用的是原型还是任何其他 js fwk？

Answer 3

假设您有这样的声明按钮：

<input type="button" id='button1' value="M1" onclick="migrate();"></input>

然后，如果您按如下方式编写javascript，那么它将根据需要更改值：

<script type="text/javascript">
function migrate()
{
    document.getElementById("button1").value='M2';
    alert(document.getElementById("button1").value);
}
</script>

Answer 4

我认为您正在尝试这样做。

HTML：

<input type="button" value="Migrate" onclick="migrate(this)"/>

JavaScript：

function migrate(p) {
    p.value = "Migrated";
    alert(p.value);
}