.innerHTML function Javascript

.innerHTML function Javascript

本文关键字：Javascript function innerHTML      更新时间：2023-09-26

这是我的代码：

function text(var text)
{
  var Value = document.getElementById("display").innerHTML;
  var New = Value + text;
  document.getElementById("display").innerHTML=New;
}

它应该做的是从调用它时获取一个字符串，然后将该字符串添加到 ID 为"display"的div 元素的末尾。我是这样称呼它的：text("hello");

网页的 HTML 是一个空白的div 元素，即使在代码运行后它仍然保持空白。当我做document.getElementById("display").innerHTML="hello!";时它有效，但现在不是了。谢谢！

不要将"var"用于函数参数 - 只需将其列在函数括号之间就足够了。 因此，将该函数更改为：

function text(text)
{
  var Value = document.getElementById("display").innerHTML;
  var New = Value + text;
  document.getElementById("display").innerHTML=New;
}

它应该有效。

从函数参数中取出var：function text(text)...

顺便说一句：不要将参数命名为与函数相同的名称 - 这很令人困惑。

你可以这样做：

function text(inputText)
{
  document.getElementById("display").innerHTML = document.getElementById("display").innerHTML +" "+ inputText;
}

:)

相关文章：