Javascript 文本领域的奇怪问题_Javascript

Javascript 文本领域的奇怪问题

javascript

Javascript 文本领域的奇怪问题,javascript,Javascript,嗯，我有两个领域。当用户输入一个文本区域时，它将同时出现在第二个文本区域。因此，我的代码如下： <script> function type () { var text = document.getElementById('text').value; var code = document.getElementById('code'); code.innerHTML = text; } </script> <textarea cols="2

嗯，我有两个领域。当用户输入一个文本区域时，它将同时出现在第二个文本区域。因此，我的代码如下：

<script>
function type () {
    var text = document.getElementById('text').value;
    var code = document.getElementById('code');
    code.innerHTML = text;
}
</script>

<textarea cols="20" rows="20" id="text" onKeyUp="type();"></textarea>
<textarea cols="20" rows="20" id="code"></textarea>


函数类型（）{
var text=document.getElementById（'text'）。值；
var code=document.getElementById（'code'）；
code.innerHTML=文本；
}

第二个没有写任何东西。。。救命啊

您应该使用第二个文本区域的

值

属性，而不是

innerHTML

==编辑===

而

type

在JavaScript中是一个保留字，您不应该将其用作函数名。


<script>
function type () {
    var text = document.getElementById('text').value;
    var code = document.getElementById('code');
    code.value = text; // this is the change
}
</script>

函数类型（）{
var text=document.getElementById（'text'）。值；
var code=document.getElementById（'code'）；
code.value=text；//这是更改
}

使用

.value

而不是

.innerHTML

函数名存在问题。除此之外，您的代码中存在一些问题。这个很好用

    <script type="text/javascript">
function type1 () {

    var text = document.getElementById("text").value;

    var code = document.getElementById("code");
    code.value = text;
}
</script>
<body>
<textarea cols="20" rows="20" id="text" onkeyup="type1()"></textarea>
<textarea cols="20" rows="20" id="code"></textarea>
</body>


函数类型1（）{
var text=document.getElementById（“text”）.value；
var代码=document.getElementById（“代码”）；
code.value=文本；
}

这里有什么问题？这正是你的代码要做的。精确但什么也没有发生。我删除了innerHTML，并且在innerHTML中插入“value”是不起作用的…而

type

是JavaScript中的保留字。你是对的，它现在正在起作用。。。顺便问一下，我正在制作一个简单的文本编辑器，我可以删除第二个文本区域来放置IFrame吗？预览将是一样的？对于Iframe，如果我理解得很好，我将不得不使用Document.write，对吗？假设第二个textarea是一个IFrame，那么代码如下：

code

函数类型（）{var text=document.getElementById（'text'）.value；var code=document.getElementById（'code'）；code.contentdocument.write=text；}

code

如果它是一个IFrame，你应该这样做：`document.getElementById（'code'）（'externalframe'）.src=“javascript:void（document.writeln（“Added html contentnt！”）；”；“请在这里阅读有关Iframe的更多信息，如果我理解得很好，我将不得不使用document.write，对不对？假设第二个textarea是Iframe，那么代码将如下所示：函数类型（）{var text=document.getElementById（'text'））.value；var code=document.getElementById（'code'）；code.contentdocument.write=text；}是的。另外，您需要注意的是，您在var text=document.getElementById（'text'）.value行中使用了单引号。在这里，您需要使用类似“text”的双引号。在“code”中也一样。