javascript의 입력 필드를 사용하여 div를 대체하십시오

Question

입력란 "datum"에서 날짜를 채우고 div1 "test1"의 내용을 바꿔야합니다. 누구든지 나를 도울 수 있습니까? P? 나는 이것을 잠시 동안 고투하고있다, haha.

당신은 값을, '문서'를 소문자 '주위 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'; 
    }; 
</script> 

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

Answer 1

아닌 요소 자체 : 이것은 내 코드입니다.

<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

코드와 몇 가지 문제가 있습니다

• 그것은 아니에요 Documentdocument
• 당신은 당신이
• 존재하기 전에 www 요소에 액세스하려고 (아빈는 지적) 변수 대신 'MyDiv1' 문자열을 사용하십시오. MyDiv1
• 를 사용해야합니다. 대신 요소 자체의 요소재산이 당신은 클릭 처리기에서 false을 반환해야 링크가 아닌 북마크
• , 또는 링크가
활성화됩니다 있도록 링크에 href 속성을 필요

그래서 :

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