JavaScript 尖括號介紹 在 JavaScript 中，尖括號（<>）不僅是標簽的語法，也可以用于表示分界符。 本篇文章將探討 JavaScript 尖括號的各種用法，并通過實例加深對其理解。 標簽 在 HTML 中，尖括號被廣泛用于表示標簽。在 JavaScript 中，我們可以使用它來操作 DOM 元素。 例如，要查找 HTML 頁面上具有 class="example" 的所有元素，我們可以使用以下代碼： ```javascript var elements = document.querySelectorAll('.example'); ``` 這里的 ".example" 是 CSS 選擇器語法，用于選擇具有 class="example" 的所有元素。 而使用尖括號，我們可以直接創建、更新和刪除元素。 例如，創建一個新的 div 元素并將其添加到 body 中，可以使用以下代碼： ```javascript var newDiv = document.createElement('div'); document.body.appendChild(newDiv); ``` 這里的 createElement('div') 是一個 DOM API 方法，用于創建一個新的 div 元素。 而 appendChild 方法會將新的 div 元素添加到 body 元素中。 除了 createElement 方法，還有一些常用的 DOM API 方法可以使用尖括號來操作 HTML 元素。 例如： ```javascript // 獲取元素 var el = document.querySelector('#my-element'); // 更新元素 el.innerHTML = '

Hello World!

'; // 刪除元素 el.parentNode.removeChild(el); ``` 分界符 除了標簽，尖括號還可以用作分界符。 例如，在正則表達式中，可以使用尖括號表示字符串的開始和結束。 以下代碼將匹配以 "hello" 開頭和以 "world" 結尾的字符串： ```javascript var regex = /^hello .* world$/; var str = 'hello this is a world of mine'; console.log(regex.test(str)); // outputs: true ``` 在這里，^ 表示字符串的開始，$ 表示字符串的結束。 .* 表示任意字符，出現 0 次或多次。 這種使用尖括號的方式在 JavaScript 中非常常見，更多的示例可以在字符串操作和正則表達式中找到。 另一個使用尖括號的常見場景是 JSON。 JSON 是 JavaScript 對象表示法的縮寫，它使用尖括號來表示對象的開始和結束。 以下是一個簡單的 JSON 對象示例： ```javascript { "name": "John", "age": 30, "city": "New York" } ``` 在這里，{ 表示 JSON 對象的開始，} 表示 JSON 對象的結束。 內部的屬性和值使用冒號來分隔，各個屬性之間使用逗號進行分隔。 總結 尖括號在 JavaScript 中有多種用途。 除了表示 HTML 標簽之外，它還可以用作分界符表示字符串、JSON、正則表達式等。 在編寫代碼時，正確使用并理解尖括號的不同含義是非常重要的。 我們希望這篇文章能幫助你更好地了解 JavaScript 尖括號的使用。