DOM操作是指操作HTML文檔的對象模型。在JavaScript中，可以使用DOM操作來動態地改變HTML元素的屬性和內容，從而實現動態頁面交互效果。其中，插入HTML代碼是常用的一種DOM操作方式，可以在網頁中動態地添加HTML元素、修改元素內容或屬性。

//在指定HTML元素的末尾插入HTML代碼
document.getElementById("myDiv").innerHTML += "
這是新添加的段落
";
//在指定HTML元素的開頭插入HTML代碼
document.getElementById("myDiv").innerHTML = "
這是新添加的段落
" + document.getElementById("myDiv").innerHTML;
//使用insertAdjacentHTML方法，在指定HTML元素前或后插入HTML代碼
document.getElementById("myDiv").insertAdjacentHTML('beforebegin', '
在元素前添加的段落
');
document.getElementById("myDiv").insertAdjacentHTML('afterend', '
在元素后添加的段落
');

其中，innerHTML屬性是指HTML文本內容，可以用于讀取或設置HTML元素的內容。insertAdjacentHTML方法則是DOM提供的另一種HTML代碼插入方式，具有在指定位置（相對于元素的位置）插入HTML代碼的功能。

總之，使用DOM操作可以方便地實現在HTML頁面中動態添加、刪除、修改元素的內容和屬性。需要注意的是，在插入HTML代碼時應保證安全性，防止XSS攻擊等安全問題。因此，開發者應當謹慎選擇插入HTML代碼的方式，充分考慮安全性問題。