如何使用JavaScript更改HTML元素的值？

Question

我有这样一个代码：<input type="button" value="hello">我想通过javascript更改value的值，使其变成value="goodbye"。我该怎么做？

根据下面评论中@David的建议，这是我尝试过但未能在发布此问题之前使其工作的代码：

var createBttn = document.getElementById('create');
createBttn.innerHTML = 'value="goodbye"';

- chromedude

---

为什么这个问题被投票踩了两次？我是个初学者 :( - chromedude

@chromedude，同意。+1（对你的评论和问题）。 - David Thomas

@chromedude：我觉得其他的人可能想让你展示一下你所做的事情，这样我们能更好地理解你的情况。 - Michael Mao

@chromedude。我认为这些帖子解释了：http://meta.stackexchange.com/questions/1390/should-we-reduce-rep-bonus-for-upvotes-on-posts-with-a-negative-scorehttp://meta.stackexchange.com/questions/38595/sympathy-upvote-problem-on-questions-closed - YWE

@YWE，我不确定。我认为这个问题并不是没有帮助或者很糟糕的。虽然它简明扼要，但如果@chromedude在询问之前尝试过自己的研究（并记录下来那些“我尝试过但没成功”的部分），它肯定可以得到改进。但它似乎并不值得被踩。我上投票反对了我的感觉是不应该被踩的票，而不是简单地同情式投票。如果踩票者解释了他们的踩票原因，这种情况可能不会发生。 - David Thomas

Answer 1

首先，您需要获取要更改值的对象的引用，然后分配该元素的value属性，如下所示：

假设您的元素具有"id"为"someButton"：

var btn = document.getElementById('someButton');
btn.value = 'goodbye';

- Jacob Relkin

---

@chromedude，你应该将这个答案标记为已接受的答案。 :) - Jacob Relkin

抱歉，我必须等待15分钟才能接受它，那时我已经离开了电脑并忘记了它。 - chromedude