HTML DOM hasAttribute() Method
Element ObjectExample
Find out if a <button> element has an onclick attribute:
var x = document.getElementById("myBtn").hasAttribute("onclick");
The result of x will be:
true
Try it yourself »
More "Try it Yourself" examples below.
Definition and Usage
The hasAttribute() method returns true if the specified attribute exists, otherwise it returns false.
Tip: Use setAttribute() to add a new attribute or change the value of an existing attribute on an element.
Browser Support
The numbers in the table specify the first browser version that fully supports the method.
| Method | |||||
|---|---|---|---|---|---|
| hasAttribute() | Yes | 9.0 | Yes | Yes | Yes |
Syntax
element.hasAttribute(attributename)
Parameters
| Parameter | Type | Description |
|---|---|---|
| attributename | String | Required. The name of the attribute you want to check if exists |
Technical Details
| Return Value: | A Boolean, returns true if the element has attributes, otherwise false |
|---|---|
| DOM Version | Core Level 2 Element Object |
More Examples
Example
Find out if an <a> element has a target attribute. If so, change the value of the target attribute to "_self":
// Get the <a> element with id="myAnchor"
var x =
document.getElementById("myAnchor");
// If the <a> element has
a target attribute, set the value to "_self"
if
(x.hasAttribute("target")) {
x.setAttribute("target", "_self");
}
Try it yourself »
Related Pages
HTML Tutorial: HTML Attributes
HTML DOM Reference: getAttribute() Method
HTML DOM Reference: removeAttribute() Method
HTML DOM Reference: setAttribute() Method
