使用JavaScript获取DIV的内容_Javascript

使用JavaScript获取DIV的内容

javascript

使用JavaScript获取DIV的内容,javascript,Javascript,我有两个DIV，分别称为DIV1和DIV2，DIV1由动态内容组成，DIV2为空。我需要在DIV2中显示DIV1的内容。我该怎么做呢我在下面的方式编码，这是不工作的。任何人都请改正它 <script type="text/javascript"> var MyDiv1 = Document.getElementById('DIV1'); var MyDiv2 = Document.getElementById('Div2'); MyDiv2.innerHTML

我有两个DIV，分别称为DIV1和DIV2，DIV1由动态内容组成，DIV2为空。我需要在DIV2中显示DIV1的内容。我该怎么做呢

我在下面的方式编码，这是不工作的。任何人都请改正它

<script type="text/javascript">

   var MyDiv1 = Document.getElementById('DIV1');
   var MyDiv2 = Document.getElementById('Div2');
   MyDiv2.innerHTML = MyDiv2; 

</script>
<body>
<div id="DIV1">
 // Some content goes here.
</div>

<div id="DIV2">
</div>
</body>


var MyDiv1=Document.getElementById（'DIV1'）；
var MyDiv2=Document.getElementById（'Div2'）；
MyDiv2.innerHTML=MyDiv2；
//这里有一些内容。

现在您正在将innerHTML设置为整个div元素；您希望将其设置为仅为innerHTML。另外，我认为您需要MyDiv2.innerHTML=MyDiv1.innerHTML。另外，我认为

document.getElementById

的参数区分大小写。当您需要

Div2

时，您正在传递

Div2

var MyDiv1 = Document.getElementById('DIV1');
var MyDiv2 = Document.getElementById('DIV2');
MyDiv2.innerHTML = MyDiv1.innerHTML;

此外，此代码将在DOM准备就绪之前运行。你可以像paislee说的那样把这个脚本放在你身体的底部，或者把它放在你身体的onload函数中

<body onload="loadFunction()">

（1）您的

标签应放在结束

标签之前。您的JavaScript正在尝试操作尚未加载到DOM中的HTML元素。
（2）您对HTML内容的分配看起来很混乱。
（3）与元素ID中的大小写保持一致，即“DIV2”与“DIV2”
（4） “文档”对象的用户小写（贷方：ThatOtherPerson）


//这里有一些内容。
var MyDiv1=document.getElementById（'DIV1'）；
var MyDiv2=document.getElementById（'DIV2'）；
MyDiv2.innerHTML=MyDiv1.innerHTML；

您需要将Div2设置为Div1的innerHTML。另外，JavaScript区分大小写-在HTML中，id

Div2

是

Div2

。此外，您应该使用

文档

，而不是

文档

：

var MyDiv1 = document.getElementById('DIV1');
var MyDiv2 = document.getElementById('DIV2');
MyDiv2.innerHTML = MyDiv1.innerHTML;

这里有一个JSFIDLE:。

您可以使用jquery插件获取/设置div的内容

var divContent=$（'#'DIV1.html（）$（'#'DIV2.html（divContent）

为此，您需要包括jquery库。

函数add\u more（）{

var text\u count=document.getElementById（'text\u count'）。值；
var div_cmp=document.getElementById（'div_cmp'）；
var值=div_cmp.innnerHTML；
var count=parseInt（文本计数）；
divContent=''；
对于（i=1；i）如果您使用的是其中一个JavaScript框架，那么顺序并不重要。例如，您可以告诉JQuery使用$（document）等待内容加载.ready，Angular允许您使用承诺编写代码。将JS洒在文件上不是一个好的做法，但将其放在浏览器加载的文件中意味着您必须等待。我个人认为JS的奇怪部分，特别是在您开发时，没有什么大不了的。对我来说很有用。谢谢。问题不是aboUTjQuery。
<body>
<div id="DIV1">
 // Some content goes here.
</div>

<div id="DIV2">
</div>
<script type="text/javascript">

   var MyDiv1 = document.getElementById('DIV1');
   var MyDiv2 = document.getElementById('DIV2');
   MyDiv2.innerHTML = MyDiv1.innerHTML;

</script>
</body>

var MyDiv1 = document.getElementById('DIV1');
var MyDiv2 = document.getElementById('DIV2');
MyDiv2.innerHTML = MyDiv1.innerHTML; 

var text_count = document.getElementById('text_count').value;
var div_cmp = document.getElementById('div_cmp');
var values = div_cmp.innnerHTML;
var count = parseInt(text_count);
divContent = '';

for (i = 1; i <= count; i++) {

    var cmp_text = document.getElementById('cmp_name_' + i).value;
    var cmp_textarea = document.getElementById('cmp_remark_' + i).value;
    divContent += '<div id="div_cmp_' + i + '">' +
        '<input type="text" align="top" name="cmp_name[]" id="cmp_name_' + i + '" value="' + cmp_text + '" >' +
        '<textarea rows="1" cols="20" name="cmp_remark[]" id="cmp_remark_' + i + '">' + cmp_textarea + '</textarea>' +
        '</div>';
}

var newCount = count + 1;

if (document.getElementById('div_cmp_' + newCount) == null) {
    var newText = '<div id="div_cmp_' + newCount + '">' +
        '<input type="text" align="top" name="cmp_name[]" id="cmp_name_' + newCount + '" value="" >' +
        '<textarea rows="1" cols="20" name="cmp_remark[]" id="cmp_remark_' + newCount + '"  ></textarea>' +
        '</div>';
    //content = div_cmp.innerHTML;
    div_cmp.innerHTML = divContent + newText;
} else {
    document.getElementById('div_cmp_' + newCount).innerHTML = '<input type="text" align="top" name="cmp_name[]" id="cmp_name_' + newCount + '" value="" >' +
        '<textarea rows="1" cols="20" name="cmp_remark[]" id="cmp_remark_' + newCount + '"  ></textarea>';
}

document.getElementById('text_count').value = newCount;

}