Question

我希望在输入字段中填写日期＆＃34;数据＆＃34;那个日期必须替换div＆＃34; test1＆＃34;的内容。谁能帮助我：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>

Answer 1

你需要小写'文档'，删除'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>

Answer 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>

Answer 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>

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

3 个答案: