当我使用 document.getElementById().textContent 将“文本内容”设置为变量的值时,它不起作用,它没有任何作用,而是将文本内容更改为变量的值。当我使用时它确实有效
.textContent = "example";
但不是
.textContent = example;
这是我的 HTML
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script language="javascript" type="text/javascript" src="testScript.js"></script>
</head>
<body>
<p class="heading">Heading</p>
<p id="TextSpace"></p>
</body>
这是我的JS
//Get users name
var name = prompt("What is you name");
//put the name in the element "text space"
document.getElementById("TextSpace").textContent = name;
出现提示但之后没有任何反应
最佳答案
移动脚本
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p class="heading">Heading</p>
<p id="TextSpace"></p>
<script language="javascript" type="text/javascript" src="testScript.js"></script>
</body>
或者添加一个加载处理程序
window.onload = function() {
var name = prompt("What is you name");
document.getElementById("TextSpace").textContent = name;
}
现在脚本在 DOM 中的元素可用之前运行。
请注意,textContent
在 IE8 及以下版本中不可用。
关于javascript - document.getElementById().textContent 不适用于变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20833682/