如何在javascript中从文本框中输出字符串？
如何在javascript中从文本框中输出字符串？
提问于 2018-08-12 03:39:59
我正在做一个pyg-llatin翻译器，但在这个阶段，我想做的就是让它将p标记内的文本更改为在文本框中键入的文本，但当我按下按钮时，什么也没有发生。
HTML：
var word
function translateWord() {
getWord();
outputWord();
alert("test");
}
function getWord() {
word = Document.getElementById("wordIn").value
}
function outputWord() {
Document.getElementById("wordOut").innerHTML = word;
}<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Pig Latin Translator</title>
</head>
<body>
<script src="JS/Translator.js"></script>
<h1>Pig Latin Translator</h1>
<br>
<form>
<input type="text" id="wordIn">
<button type="button" name="Translate" onclick="translateWord()">Translate</button>
<p id="wordOut">-</p>
</form>
<br>
</body>
</html>
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-08-12 03:44:36
Document是document的实例所在的类，尽管它们是不同的。
console.log(document === Document) // => false
console.log(document instanceof Document) // => true
更改后，您的代码即可正常工作：
var word
function translateWord() {
getWord();
outputWord();
alert("test");
}
function getWord()
{
word = document.getElementById("wordIn").value
}
function outputWord()
{
document.getElementById("wordOut").innerHTML = word;
}<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Pig Latin Translator</title>
</head>
<body>
<script src="JS/Translator.js"></script>
<h1>Pig Latin Translator</h1>
<br>
<form>
<input type="text" id="wordIn">
<button type="button" name="Translate" onclick="translateWord()">Translate</button>
<p id="wordOut">-</p>
</form>
<br>
</body>
</html>
Stack Overflow用户
发布于 2018-08-12 03:54:55
您可以将translateWord()函数替换为：
function translateWord() {
document.getElementById("wordOut").innerHTML = document.getElementById("wordIn").value;
}Stack Overflow用户
发布于 2018-08-12 04:02:50
var word
function translateWord() {
getWord();
outputWord();
alert("test");
}
function getWord()
{
word = document.getElementById("wordIn").value
}
function outputWord()
{
document.getElementById("wordOut").innerHTML = word;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51803137
复制相关文章
相似问题