将Javascript DOM值传递给内部HTML

Question

我需要从一个隐藏的ID中获取一些值，并将其作为内部HTML传递给另一个ID。

这是我的代码

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

HTML文件

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

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

但这不起作用。 我正在“不确定”

Answer 1

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

问题在于.value将其更改为.innerHTML

Answer 2

GetElementById应该为getElementById JavaScript是区分大小写的语言

Answer 3

简单 ：

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

工作演示