gpt4 book ai didi

javascript - document.getElementById().textContent 不适用于变量

转载 作者:搜寻专家 更新时间:2023-10-31 08:11:01 24 4
gpt4 key购买 nike

当我使用 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com