JavaScript 可以通過多種方式獲取標(biāo)簽屬性,以下是常見的幾種方式:
使用 DOM 對象的 getAttribute() 方法
可以使用 DOM 對象的 getAttribute() 方法來獲取標(biāo)簽屬性,例如:
<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
直接獲取標(biāo)簽屬性
在 HTML 中,可以通過直接訪問標(biāo)簽屬性來獲取其值,例如:
<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
使用特定的屬性獲取方法
有些標(biāo)簽屬性可以通過特定的屬性獲取方法來獲取,例如:
href 屬性可以通過 a 標(biāo)簽的 href 屬性獲取
src 屬性可以通過 img、script、iframe 等標(biāo)簽的 src 屬性獲取
value 屬性可以通過 input、select、textarea 等標(biāo)簽的 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 獲取標(biāo)簽屬性的常用方式,可以根據(jù)實際情況選擇適合的方法來獲取標(biāo)簽屬性