The HTMLButtonElement.labels
read-only property returns a NodeList
of the <label>
elements associated with the <button>
element.
Syntax
var labelElements = button.labels;
Return value
A NodeList
containing the <label>
elements associated with the <button>
element.
Example
HTML
<label id="label1" for="test">Label 1</label> <button id="test">Button</button> <label id="label2" for="test">Label 2</label>
JavaScript
window.addEventListener("DOMContentLoaded", function() { const button = document.getElementById("test"); for(var i = 0; i < button.labels.length; i++) { console.log(button.labels[i].textContent); // "Label 1" and "Label 2" } });
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of 'labels' in that specification. |
Living Standard | Initial definition |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
labels | Chrome Full support Yes | Edge Full support 18 | Firefox Full support 56 | IE ? | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 56 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown