要通過class和id兩種方式獲取a標簽上的某個屬性的值，或者給其賦值，可以使用JavaScript。以下是兩種方法的示例：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JavaScript Example</title>
</head>
<body><div class="example" id="target" name="元素名">Element 1</div><div class="example">Element 2</div><div class="example">Element 3</div><a id="target" href="#">Target Link</a><script>// 使用document.querySelector獲取具有特定類名的元素var elements = document.querySelectorAll('div.example');//----這里也可以用id來單獨獲取某一個div//var element = document.getElementById("target");//var attributeNameValue = element.getAttribute("name");// 遍歷元素并設置屬性值elements.forEach(function(element) {element.setAttribute('data-custom', 'custom value');});// 使用document.getElementById獲取具有特定id的元素var targetElement = document.getElementById('target');// 獲取屬性值var attributeValue = targetElement.getAttribute('data-custom');console.log(attributeValue); // 輸出：custom value// 給屬性賦值targetElement.setAttribute('data-custom', 'new value');</script>
</body>
</html>而實際開發中一般會引入jQuery庫，用jQuery來操作元素，獲取屬性值。
下面是一個完整的例子，演示了如何使用$符號結合.class和#id來獲取或設置a標簽上的某個屬性值：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>jQuery Example</title><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script><script>$(document).ready(function() {// 使用.class選擇器獲取所有具有特定類名的元素var elements = $('div.example');// 遍歷元素并設置屬性值elements.each(function() {var element = $(this);element.attr('data-custom', 'custom value');});// 使用#id選擇器獲取具有特定id的元素var targetElement = $('#target');// 獲取屬性值var attributeValue = targetElement.attr('data-custom');console.log(attributeValue); // 輸出： custom value// 給屬性賦值targetElement.attr('data-custom', 'new value');});</script>
</head>
<body><div class="example">Element 1</div><div class="example">Element 2</div><div class="example">Element 3</div><a id="target" href="#">Target Link</a>
</body>
</html>在這個例子中，我們首先引入了jQuery庫。然后，在文檔加載完成后，我們使用 符號結合 . c l a s s 選擇器來獲取所有具有 e x a m p l e 類名的 d i v 元素，并為每個元素設置一個名為 d a t a ? c u s t o m 的屬性，其值為 c u s t o m v a l u e 。接著，我們使用 符號結合.class選擇器來獲取所有具有example類名的div元素，并為每個元素設置一個名為data-custom的屬性，其值為custom value。接著，我們使用 符號結合.class選擇器來獲取所有具有example類名的div元素，并為每個元素設置一個名為data?custom的屬性，其值為customvalue。接著，我們使用符號結合#id選擇器來獲取具有特定id（target）的a標簽元素。最后，我們分別使用element.attr方法獲取和設置該元素的data-custom屬性值。
![[ 藍橋杯Web真題 ]-Markdown 文檔解析](http://pic.xiahunao.cn/[ 藍橋杯Web真題 ]-Markdown 文檔解析)
