Javascript 未捕获引用错误：未定义getName

Chrome中的Inspect元素一直告诉我getName没有定义？下面是在html中调用getName的位置：

<a id="nameGet" onclick="getName();" style="color: blue; white-space: nowrap;font-size: small; position: absolute; top: 30px; left: 55px;"><u>Edit Profile</u></a>

任何帮助都将不胜感激

好吧，这是一把小提琴：（哦，不）

这是一个包装好的HTML：（工作）

这是一支钢笔：（有效）

因此，小提琴手必须面对一些问题。然后我在控制台中粘贴了以下函数：

function getName() {
  name = prompt("Full Name: ");
  document.getElementById("pname").innerHTML = name;
  document.getElementById("nameGet").style.fontSize = "small";
  document.getElementById("postName1").innerHTML = name;
  document.getElementById("postName1").style.textDecoration = "bold";
}

---

然后，我从控制台

getName（）

调用了该函数。它与控制台一起工作。因此，这不是您的代码，而是JSFIDLE您的代码可以工作。

这是在块中还是在单独的文件中？您可以显示脚本块的完整标记吗？它是在头部还是在身体？这种类型的错误通常意味着在到达函数getName之前代码有问题。JavaScript执行被终止，因此它不知道该函数是否存在。我尝试了它，但只在document.getElementById（“pname”）.innerHTML=name；也就是说，函数被正确调用，然后稍后出错。我们需要完整的代码来找出错误所在。当然，这不起作用。^您有id为“pname”的元素吗？经过一些研究，似乎JSFIDLE选项是罪魁祸首。您必须将其更改为“无包装”，然后一切正常。在这里找到答案：

function getName() {
  name = prompt("Full Name: ");
  document.getElementById("pname").innerHTML = name;
  document.getElementById("nameGet").style.fontSize = "small";
  document.getElementById("postName1").innerHTML = name;
  document.getElementById("postName1").style.textDecoration = "bold";
}