Javascript代码不工作?告诉我为什么

Javascript code not working? Tell me why

本文关键字：告诉我 为什么 工作 代码 Javascript      更新时间：2023-09-26

我正在编写一个简单的javascript代码，不知道它不起作用。如果你想明白了，请告诉我。

<!DOCTYPE html>
<html>
<head>
<script>
function displayText(){
var xa = document.getElementById('abcd').innerHTML;
xa+= 'asdf';
}
displayText();  
</script>
</head>
<body>
<div id="abcd"></div>
</body>
</html>

innerHTML返回元素当前内容的字符串，而不是指向它的指针

function displayText(){
  document.getElementById('abcd').innerHTML += 'asdf';
}

或

function displayText(){
  var el = document.getElementById('abcd'); 
  var xa = el.innerHTML;
  xa += 'asdf';
  el.innerHTML = xa;
}

此外，在实际创建所引用的元素之前，您不能调用该函数。因此，移动body标签底部的调用。

<!-- .... -->
<script>
  display();
</script>
</body>

在代码运行时，主体(包括div(尚未解析。getElementById('abcd')当时没有找到任何东西。

将脚本元素移动到正文的末尾，以便在正文被解析后运行，或者从onload处理程序调用displayText()函数。

(如果您希望xa中的新值显示在同一字段中，则需要将其写回具有document.getElementById('abcd').innerHTML = xa的元素。(

相关文章：