Javascript是一門用于網頁前端的編程語言，經常用于對DOM元素進行操作和遍歷，其中遍歷id是Javascript常見的操作之一。
在HTML文檔中，每個元素都可以通過其ID屬性來進行唯一標識。Javascript就可以通過遍歷ID來訪問和操作DOM元素。下面是一個簡單的例子：
<code>
<html>
<head>
<title>JS遍歷ID的例子</title>
</head>
<body>
<div id="example">這是一個例子</div>
<button id="clickBtn">點擊我！</button>
</body>
<script>
var divElement = document.getElementById('example');
var buttonElement = document.getElementById('clickBtn');
divElement.innerHTML = '修改后的內容';
buttonElement.onclick = function() {
alert('被點擊了！');
}
</script>
</html>
</code>在上面的例子中，我們使用了document.getElementById()函數獲取了HTML文檔中ID為example和clickBtn的兩個元素，并分別進行了操作。可以看到，遍歷ID非常方便，可以直接通過ID對DOM元素進行操作。
除了使用document.getElementById()函數之外，還可以使用document.querySelectorAll()函數來遍歷多個ID。該函數返回的是nodeList對象，需要使用循環進行遍歷。下面是一個示例：
<code>
<html>
<head>
<title>JS遍歷ID的例子</title>
</head>
<body>
<div id="example">這是一個例子</div>
<div id="example2">這也是一個例子</div>
<button id="clickBtn">點擊我！</button>
</body>
<script>
var elements = document.querySelectorAll('div[id^="example"]');
for (var i = 0; i < elements.length; i++) {
elements[i].style.backgroundColor = 'red';
}
var buttonElement = document.getElementById('clickBtn');
buttonElement.onclick = function() {
for (var i = 0; i < elements.length; i++) {
elements[i].style.color = 'white';
}
}
</script>
</html>
</code>在上面的例子中，我們使用了document.querySelectorAll()函數獲取了所有ID以example開頭的div元素，并修改它們的背景色。同時，我們也給按鈕元素添加了一個onclick事件，用于修改所有ID以example開頭的元素的文字顏色。可以看到，通過document.querySelectorAll()函數，我們可以方便地獲取到所有需要操作的DOM元素。
除了以上兩種方式之外，還可以使用jquery庫來遍歷ID。jquery是一款非常流行的Javascript庫，提供了非常豐富的DOM操作方法。下面是一個使用jquery遍歷ID的例子：
<code>
<html>
<head>
<title>JS遍歷ID的例子</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<div id="example">這是一個例子</div>
<div id="example2">這也是一個例子</div>
<button id="clickBtn">點擊我！</button>
</body>
<script>
var elements = $('div[id^="example"]');
elements.css('backgroundColor', 'red');
$('#clickBtn').click(function() {
elements.css('color', 'white');
});
</script>
</html>
</code>在上面的例子中，我們使用了jquery庫中提供的$()函數來獲取所有ID以example開頭的div元素，并使用css()函數對它們進行樣式修改。同時，我們也使用了jquery的click()函數來添加了一個點擊事件，用于修改所有ID以example開頭的元素的文字顏色。可以看到，使用jquery庫來遍歷ID可以大大簡化代碼量，提高開發效率。
綜上所述，Javascript遍歷ID是一種非常常見的DOM操作方法，可以通過document.getElementById()、document.querySelectorAll()、jquery等多種方式來實現。不同的方式各有優缺點，開發者可以選擇最適合自己的方式來進行操作。