使用JavaScript获取DIV的内容 [英] Get content of a DIV using JavaScript
问题描述
我有两个名为DIV1和DIV2的DIV，DIV1由动态内容组成，DIV2为空。我需要在DIV2中显示DIV1的内容。我怎么能这样做。
I have two DIV's called DIV1 and DIV2 and DIV1 consists of dynamic content and DIV2 is empty. I need content of DIV1 to be displayed in DIV2. How can I do it.
我用以下方式编码，但是没有用。任何人请更正。
I coded in below manner which is not working. Anybody please correct it.
<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>
推荐答案
（1）您的< ; script> 标记应放在结束< / body> 标记之前。您的JavaScript正在尝试操作尚未加载到DOM中的HTML元素。
（2）您对HTML内容的分配看起来很混乱。
（3）Be与元素ID中的情况一致，即'DIV2'与'Div2'
（4）'document'对象的用户小写（credit：ThatOtherPerson）
(1) Your <script> tag should be placed before the closing </body> tag. Your JavaScript is trying to manipulate HTML elements that haven't been loaded into the DOM yet.
(2) Your assignment of HTML content looks jumbled.
(3) Be consistent with the case in your element ID, i.e. 'DIV2' vs 'Div2'
(4) User lower case for 'document' object (credit: ThatOtherPerson)
<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>
这篇关于使用JavaScript获取DIV的内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
