CODEWITHSUNDEEP
javascripthtmldom
CadeLewis
CadeLewis

Reputation: 83

Passing Javascript DOM Value to Inner HTML

i need to get some value from one hidden id and pass it to another ID as inner HTML.

here my code

<script>
function replaceText(){
var x=document.getElementById("mainTitle1").value;
document.getElementById("mainTitle").innerHTML=x;
}
</script>

Here HTML File

<span id="mainTitle"></span>

<span style="display:none;" id="mainTitle1">Text Content</span>

but this isn't working. I'm getting 'undefined'

Upvotes: 1

Views: 1979

Answers (3)

Azizi Musa
Azizi Musa

Reputation: 1029

easy :

var x=document.getElementById("mainTitle1").innerHTML;
document.getElementById("mainTitle").innerHTML=x;

Working DEMO

Upvotes: 0

Kartikeya Khosla
Kartikeya Khosla

Reputation: 18873

<script>
function replaceText(){
var x=document.getElementById("mainTitle1").innerHTML;   //Correct here 
document.getElementById("mainTitle").innerHTML=x;
}
</script>

The Problem is with .value change it to .innerHTML

Upvotes: 1

Girish
Girish

Reputation: 12117

GetElementById should be getElementById JavaScript is case sensitive language

Upvotes: 0

Related Questions