答：JS操作HTML元素是前端開發(fā)中非常常見的操作，可以通過JS來獲取、修改、添加或刪除HTML元素。以下是一些優(yōu)雅地操作HTML元素的方法：

1. 選擇器：可以使用querySelector和querySelectorAll方法來選擇HTML元素，這些方法接受一個(gè)CSS選擇器作為參數(shù)，并返回匹配該選擇器的第一個(gè)或所有元素。

```javascriptple的元素stpleentple');

ple的元素stplesentple');

2. 修改元素屬性：可以使用setAttribute和getAttribute方法來修改或獲取元素的屬性。

```javascript

// 修改元素的class屬性pleew-class');

// 獲取元素的class屬性steple.getAttribute('class');

nerHTMLtent方法來修改元素的內(nèi)容。

```javascript

// 修改元素的HTML內(nèi)容plenerHTML = '<p>Hello World!</p>';

// 修改元素的文本內(nèi)容pletent = 'Hello World!';

entdChildoveChild方法來添加或刪除元素。

```javascript

// 創(chuàng)建一個(gè)新的div元素stewDiventent('div');

// 將新元素添加到body元素中entdChildewDiv);

// 從body元素中刪除新元素entoveChildewDiv);

總之，這些方法可以幫助你以一種優(yōu)雅的方式操作HTML元素，使你的代碼更加簡潔和易于維護(hù)。