Passing Javascript DOM Value to Inner HTML

Question

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'

span elements don’t have a value.

C3roe
– C3roe

2014-08-21 09:02:56 +00:00
Commented Aug 21, 2014 at 9:02 — C3roe
– C3roe, Commented Aug 21, 2014 at 9:02

Kartikeya Khosla · Accepted Answer · 2014-08-21 09:10:49Z

1

<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

edited Aug 21, 2014 at 9:10

answered Aug 21, 2014 at 8:58

Kartikeya Khosla

18.9k8 gold badges46 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Girish Over a year ago

GetElementById what is this?

Harini Sekar Over a year ago

fetching the tag with the particular id from the HTML

CadeLewis Over a year ago

@Girish Sorry my mistake.. fixed it. but still getting 'undefined'

Kartikeya Khosla Over a year ago

@ChathuraLakmal..try using innerhtml instead of value

Girish Over a year ago

@ChathuraLakmal value is working with form elements.. you should use there innerHTML or textContent

Girish · Accepted Answer · 2014-08-21 09:00:54Z

0

GetElementById should be getElementById JavaScript is case sensitive language

answered Aug 21, 2014 at 9:00

Girish

12.2k3 gold badges37 silver badges54 bronze badges

2 Comments

CadeLewis Over a year ago

I'm getting Undefined in this field <span id="mainTitle"></span>

Girish Over a year ago

@ChathuraLakmal value is working with form elements.. you should use there innerHTML or textContent

Azizi Musa · Accepted Answer · 2014-08-21 09:13:33Z

0

easy :

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

Working DEMO

answered Aug 21, 2014 at 9:13

Azizi Musa

1,0292 gold badges10 silver badges31 bronze badges

Collectives™ on Stack Overflow

Passing Javascript DOM Value to Inner HTML

3 Answers 3

5 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related