HTML5是一種用于網頁開發的標準語言。它利用標簽和屬性來定義網頁內容和樣式。其中增刪改查操作是開發者常用的操作之一。

<!--添加元素-->
<div id="myDiv"></div>
<script>
var newElement = document.createElement('p');
var newContent = document.createTextNode('新的段落文本');
newElement.appendChild(newContent);
var divElement = document.getElementById('myDiv');
divElement.appendChild(newElement);
</script>

上面的代碼片段中，我們創建了一個空的<div>元素，并通過JavaScript代碼動態創建了一個新的<p>元素。接著我們把這個新的<p>元素追加到了<div>元素中。

<!--刪除元素-->
<div id="toBeRemoved">
<p>我會被刪除</p>
</div>
<script>
var elementToRemove = document.getElementById('toBeRemoved');
elementToRemove.remove();
</script>

上面的代碼片段中，通過調用Element對象的remove()方法，我們成功地從DOM中刪除了id為toBeRemoved的<div>元素。

<!--修改元素-->
<div id="myDiv">
<p>我會被修改</p>
</div>
<script>
var divElement = document.getElementById('myDiv');
var paragraphElement = divElement.querySelector('p');
paragraphElement.innerHTML = '我被修改過啦！';
</script>

上面的代碼片段中，我們首先查詢到id為myDiv的<div>元素。接著，我們又通過該Div元素的querySelector方法查詢到了它的子元素<p>元素。最后，我們修改了該<p>元素的innerHTML屬性，成功地將其中的原始文字替換成了新的文本。

<!--查詢元素-->
<ul>
<li>蘋果</li>
<li>香蕉</li>
<li>草莓</li>
</ul>
<script>
var listElements = document.querySelectorAll('li');
for (var i = 0; i < listElements.length; i++) {
console.log(listElements[i].innerHTML);
}
</script>

上面的代碼片段中，我們首先通過querySelectorAll方法查詢到了<ul>元素下的所有<li>元素。接著，我們通過循環遍歷了每個<li>元素，并將其中的innerHTML屬性打印到了控制臺里。