要簡化JavaScript DOM操作，可以采用以下方法：

1. 使用庫和框架：有許多流行的庫和框架可以幫助您更輕松地操作DOM。例如，jQuery是一個廣泛使用的庫，它允許您使用簡潔的語法執行常見的DOM操作。

2. 緩存DOM元素：在處理DOM時，頻繁地查詢和操作同一個元素可能會導致性能下降。為了避免這種情況，可以將需要的DOM元素緩存到變量中，以便快速訪問。

const element = document.getElementById('myElement');

3. 使用事件委托：事件委托是一種將事件監聽器添加到父元素的技術，而不是為每個子元素單獨添加監聽器。這樣可以減少事件監聽器的數量，從而提高性能。

document.getElementById('parentElement').addEventListener('click', function(event) {
  if (event.target.matches('.childElement')) {
    // 處理子元素點擊事件
  }
});

4. 避免使用內聯樣式：內聯樣式會使HTML和CSS緊密耦合，難以維護。盡量使用外部CSS文件或<style>標簽中的樣式，并通過JavaScript修改元素的類名來應用樣式。

// 在CSS文件中定義樣式
.hidden {
  display: none;
}

// 使用JavaScript修改類名
element.classList.add('hidden');

5. 使用模板字符串：當需要將數據插入HTML時，使用模板字符串可以使代碼更易讀。

const name = 'John';
const html = `<div>Hello, ${name}!</div>`;
document.getElementById('container').innerHTML = html;

6. 使用鏈式操作：許多DOM操作庫（如jQuery）支持鏈式操作，這意味著您可以將多個操作組合在一起，使代碼更簡潔。

$('#element').hide().addClass('active').html('Hello!');

通過遵循這些建議，您可以簡化JavaScript DOM操作，提高代碼的可讀性和性能。