使用 javascript 中的输入字段替换 div答案

【问题标题】：useing a input field in javascript to replace a div使用 javascript 中的输入字段替换 div
【发布时间】：2014-09-30 12:51:42
【问题描述】：

然后我想在输入字段“datum”中填写一个日期，该日期必须替换 div“test1”的内容。谁能帮帮我：P？我现在为此苦苦挣扎了一段时间哈哈。这是我的代码：

<form>
    Datum: <input type="text" id="datum">
</form> 

<script>

    var MyDiv1 = Document.getElementById('datum');

    document.getElementById("www").onclick = function() {   

        document.getElementById("test1").innerHTML = 'MyDiv1';  
    };
</script>

<div id='test1'>This is a dummy text</div>
<a id="www" >Replace it!</a>

【问题讨论】：

它的document 不是Document 在var MyDiv1 = Document.getElementById('datum'); 行
使用 document.getElementById("test1").innerHTML = document.getElementById('datum').value;
感谢大家的回答！帮了我很多忙！ :D

标签： javascript html var

【解决方案1】：

您需要将“document”小写，删除“MyDiv1”周围的引号，然后获取值，而不是元素本身。

 <form>
Datum: <input type="text" id="datum">
</form> 

<script>

  var MyDiv1 = document.getElementById('datum');

document.getElementById("www").onclick = function() {


document.getElementById("test1").innerHTML = MyDiv1.value;  
};
</script>

<div id='test1'>This is a dummy text</div>
<a id="www" >Replace it!</a>

【讨论】：

【解决方案2】：

代码有几个问题：

是 document 而不是 Document（正如 Arvind 指出的那样）
您正试图在 www 元素存在之前访问它
您使用的是字符串'MyDiv1' 而不是变量MyDiv1
您需要使用元素的value 属性而不是元素本身
您需要链接上的href 属性，以便它是链接，而不是书签
您需要从点击处理程序中返回false，否则链接将被激活

所以：

<form>
Datum: <input type="text" id="datum">
</form> 

<div id='test1'>This is a dummy text</div>
<a href="#" id="www">Replace it!</a>

<script>

var MyDiv1 = document.getElementById('datum');

document.getElementById("www").onclick = function() {
  document.getElementById("test1").innerHTML = MyDiv1.value;
  return false;
};

</script>

【讨论】：

【解决方案3】：

Please use below code this may be help you .

<form>
Datum: <input type="text" id="datum">
</form> 
<div id='test1'>This is a dummy text</div>

<a id="www" onclick="changetext();">Replace it!</a>

<script>

function changetext()
{
var MyDiv1 = document.getElementById("datum").value;
document.getElementById("test1").innerHTML=MyDiv1;  
}

</script>

【讨论】：