有的時候jquery會用到取代標籤的方式
<div id="testId">我是原本文字</div>

以下兩個都是innerHTML

document.getElementById('testId').innerHTML = "我是之後文字";

$('#testId').html("我是之後文字");

以下兩個都是outerHTML

document.getElementById('testId').outerHTML = "<div id="我是原本Id">我是原本文字</div>";

$('#testId').replaceWith("<div id="我是原本Id">我是原本文字</div>");

但是有時候～我們並不是要取代～而是想單純得到html含標籤的內容～

$('#testId').clone().wrap('<div>').parent().html()

 

//判斷頁面上某物件是否存在的方式～

var str = "Hello Morse";

if (document.getElementById('Create_Menu')){

    document.getElementById('Create_Menu').innerHTML = str;

}else{

}



相關文件

http://localhost:2874/WWW20/scripts/Merge/Create_Menu.js

有時候會用html去取代物件裡的內容，但是當取代的文字過長的時候，很可能會沒有錯誤訊息，但是卻又無法正常顯示，尤其是IE8

var str = "過長的文字";

$(".asdasd").html();

此時我們最好使用以下的方式

var str = "過長的文字";

document.getElementById('Create_Menu').innerHTML = str;

就可以正常執行了

相關參考

http://localhost:2874/WWW20/scripts/Merge/Create_Menu.js