在JavaScript中使用HTML

Question

有一個ID爲「upper_div」的div。我有一個鏈接到我的HTML頁面的腳本。在腳本里面我有另一個div，id =「lower_div」。我想在腳本中使用div。

即我想追加upper_div lower_div。我無法在腳本中獲得div。

<div id="upper_div"></div> 

<script src="test.js" method="get" type="text/javascript">    
<div id="lower_div> 
<p>"Test"</p> 
</div> 
</script> 

有什麼建議嗎？

Answer 1

使用本

var html = "<div id='lower_div'><p>Test</p></div>"; 
$('#upper_div').append(html); 

Answer 2

如果你正在使用jQuery下面的工作：

$('div#upper_div').append('<div id="lower_div"><p>"Test"</p></div>'); 

Here是你的jsfiddle。