将Javascript DOM值传递给内部HTML

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

这是我的密码

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

函数replaceText（）{
var x=document.getElementById（“maintTitle1”）.value；
document.getElementById（“maintTitle”）.innerHTML=x；
}

这里是HTML文件

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

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

文本内容

但这不起作用。我得到了“未定义的”

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

函数replaceText（）{
var x=document.getElementById（“maintTitle1”）.innerHTML；//此处更正
document.getElementById（“maintTitle”）.innerHTML=x；
}

---

问题在于

.value

将其更改为

。innerHTML

GetElementById

应该是

GetElementById

JavaScript是区分大小写的语言

很容易：

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

---

GetElementById

这是什么？从HTML@Girish对不起，我弄错了。。修好了。但是仍然得到'undefined'@ChathuraLakmal..尝试使用innerhtml而不是value@ChathuraLakmal

value

正在使用

form

元素。。您应该在那里使用

innerHTML

或

textContent

我在这个字段中没有定义@ChathuraLakmal

值

正在使用

表单

元素。。您应该在那里使用

innerHTML

或

textContent

span元素没有

值。