javascript中如何獲取標簽屬性

　　JavaScript 可以通過多種方式獲取標簽屬性，以下是常見的幾種方式：

　　使用 DOM 對象的 getAttribute() 方法

　　可以使用 DOM 對象的 getAttribute() 方法來獲取標簽屬性，例如：

<div id="myDiv" data-value="123">Hello World</div>
javascriptCopy codeconst myDiv = document.querySelector('#myDiv');
const dataValue = myDiv.getAttribute('data-value');
console.log(dataValue); // 輸出 123

　　直接獲取標簽屬性

　　在 HTML 中，可以通過直接訪問標簽屬性來獲取其值，例如：

<input type="text" id="myInput" value="hello world">
javascriptCopy codeconst myInput = document.querySelector('#myInput');
const value = myInput.value;
console.log(value); // 輸出 hello world

　　使用 dataset 屬性

　　可以使用 dataset 屬性來獲取 data- 開頭的屬性，例如：

<div id="myDiv" data-value="123">Hello World</div>
javascriptCopy codeconst myDiv = document.querySelector('#myDiv');
const dataValue = myDiv.dataset.value;
console.log(dataValue); // 輸出 123

　　使用特定的屬性獲取方法

　　有些標簽屬性可以通過特定的屬性獲取方法來獲取，例如：

　　href 屬性可以通過 a 標簽的 href 屬性獲取

　　src 屬性可以通過 img、script、iframe 等標簽的 src 屬性獲取

　　value 屬性可以通過 input、select、textarea 等標簽的 value 屬性獲取

　　例如：

<a >Google</a>
<img src="https://www.example.com/image.jpg">
<input type="text" id="myInput" value="hello world">
javascriptCopy codeconst a = document.querySelector('a');
const href = a.href;
console.log(href); // 輸出 https://www.google.com/

const img = document.querySelector('img');
const src = img.src;
console.log(src); // 輸出 https://www.example.com/image.jpg

const myInput = document.querySelector('#myInput');
const value = myInput.value;
console.log(value); // 輸出 hello world

　　以上是 JavaScript 獲取標簽屬性的常用方式，可以根據(jù)實際情況選擇適合的方法來獲取標簽屬性