通过getElementById获取id然后设置值

Question

我想知道为什么我的代码无法正常工作，顺便说一下我正在学习javascript对象，所以忽略其余的代码行。

http://jsfiddle.net/aYK8K/

var p = document.getElementById(p)
    p.innerHTML("Hmm Hmm Good");

Answer 1

根据你的小提琴你有

<p id="p"></p>

因此，您需要"p"而不是p

var p = document.getElementById("p"); // note use of string

p.innerHTML = "Hmm Hmm Good";

---

为了减少这种混乱，也许你应该有类似

的东西

<p id="hello"></p>

然后

var hello = document.getElementById("hello");
hello.innerHTML = "hello!";

这样，您可以通过为元素，ID和JavaScript变量使用不同的名称来避免大脑眩晕。

Answer 2

其p.innerHTML = "Hmm Hmm Good";

您应该将p = document.getElementById(p)更改为p = document.getElementById('p')

我认为你对jquery语法感到困惑，使用你可以做的jquery

$('p').html('Hmm Hmm Good');

Answer 3

您的解决方案存在很多问题：

对于初学者，您需要在对象中执行以下操作：

var p = document.getElementById('p')
    p.innerHTML = 'Hmm Hmm Good';

接下来，在你的对象之外，你实际上需要调用该方法，否则什么都不会起作用：

mango.howSweetAmI();

小提琴：http://jsfiddle.net/KyleMuir/aYK8K/2/

Answer 4

getElementById需要一个字符串

var p = document.getElementById('p')

innerHTML不是函数

p.innerHTML = "Hmm Hmm Good"

祝你好运！