HTMLElement

  • Revision slug: DOM/HTMLElement
  • Revision title: HTMLElement
  • Revision id: 49264
  • Created:
  • Creator: trevorh
  • Is current revision? No
  • Comment bug 583533, AccessKeyLabel attribute; 113 words added, 9 words removed

Revision Content

{{ DomRef() }}

HTML element interface

HTMLElement is an abstract interface for the DOM from which all HTML elements inherit.

Properties

Name Type Description
{{ domxref("element.accessKey", "accessKey") }} {{ HTMLVersionInline("5") }} {{ domxref("DOMString") }} The access key assigned to the element.
{{ domxref("element.accessKeyLabel", "accessKeyLabel") }} {{ HTMLVersionInline("5") }} {{ domxref("DOMString") }} A string that represents the element's assigned access key.
{{ domxref("element.className", "className") }} {{ domxref("DOMString") }} The name of the CSS class assigned to the element.
{{ domxref("element.dataset", "dataset") }} {{ HTMLVersionInline("5") }} {{ domxref("DOMStringMap") }} The element's data-* attribute as a map.
{{ domxref("element.dir", "dir") }} {{ domxref("DOMString") }} The element's dir attribute.
{{ domxref("element.id", "id") }} {{ domxref("DOMString") }} The element's ID.
{{ domxref("element.lang", "lang") }} {{ domxref("DOMString") }} The element's lang attribute.
{{ domxref("element.title", "title") }} {{ domxref("DOMString") }} The element's title.

Methods

Name & Arguments Return Description

{{ domxref("element.blur()", "blur()") }} {{ HTMLVersionInline("5") }}

void Removes keyboard focus from the currently focused element.
{{ domxref("element.click()", "click()") }} {{ HTMLVersionInline("5") }} void Sends a mouse click event to the element.
{{ domxref("element.focus()", "focus()") }} {{ HTMLVersionInline("5") }} void Makes the element the current keyboard focus.

Examples

Specification

Browser compatibility

{{ CompatibilityTable() }}

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
Basic support {{ CompatGeckoDesktop("1.0") }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }}
{{ domxref("element.accessKey", "accessKey") }} {{ CompatGeckoDesktop("5.0") }} No
{{ domxref("element.accessKeyLabel", "accessKeyLabel") }} {{ CompatGeckoDesktop("8.0") }} {{ CompatUnknown() }}
{{ domxref("element.blur()", "blur()") }} {{ CompatGeckoDesktop("5.0") }}
{{ domxref("element.click()", "click()") }} {{ CompatGeckoDesktop("5.0") }}
{{ domxref("element.dataset", "dataset") }} {{ CompatGeckoDesktop("6.0") }}
{{ domxref("element.focus()", "focus()") }} {{ CompatGeckoDesktop("5.0") }}
Feature Firefox Mobile (Gecko) Android IE Mobile Opera Mobile Safari Mobile
Basic support

{{ CompatGeckoMobile("1.0") }}

{{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }}
{{ domxref("element.accessKey", "accessKey") }} {{ CompatGeckoMobile("5.0") }}
{{ domxref("element.accessKeyLabel", "accessKeyLabel") }} {{ CompatGeckoMobile("8.0") }}
{{ domxref("element.blur()", "blur()") }} {{ CompatGeckoMobile("5.0") }}
{{ domxref("element.click()", "click()") }} {{ CompatGeckoMobile("5.0") }}
{{ domxref("element.dataset", "dataset") }} {{ CompatGeckoMobile("6.0") }}
{{ domxref("element.focus()", "focus()") }} {{ CompatGeckoMobile("5.0") }}

See also

  • {{ domxref("Element") }}

Revision Source

<p>{{ DomRef() }}</p>
<h2>HTML element interface</h2>
<p><code>HTMLElement</code> is an abstract interface for the <a href="/en/DOM" title="en/DOM">DOM</a> from which all HTML elements inherit.</p>
<h2>Properties</h2>
<table class="standard-table"> <thead> <tr> <th scope="col">Name</th> <th scope="col">Type</th> <th scope="col">Description</th> </tr> </thead> <tbody> <tr> <td>{{ domxref("element.accessKey", "accessKey") }} {{ HTMLVersionInline("5") }}</td> <td>{{ domxref("DOMString") }}</td> <td>The access key assigned to the element.</td> </tr> <tr> <td>{{ domxref("element.accessKeyLabel", "accessKeyLabel") }} {{ HTMLVersionInline("5") }}</td> <td>{{ domxref("DOMString") }}</td> <td>A string that represents the element's assigned access key.</td> </tr> <tr> <td>{{ domxref("element.className", "className") }}</td> <td>{{ domxref("DOMString") }}</td> <td>The name of the CSS class assigned to the element.</td> </tr> <tr> <td>{{ domxref("element.dataset", "dataset") }} {{ HTMLVersionInline("5") }}</td> <td>{{ domxref("DOMStringMap") }}</td> <td>The element's <code>data-*</code> attribute as a map.</td> </tr> <tr> <td>{{ domxref("element.dir", "dir") }}</td> <td>{{ domxref("DOMString") }}</td> <td>The element's <code>dir</code> attribute.</td> </tr> <tr> <td>{{ domxref("element.id", "id") }}</td> <td>{{ domxref("DOMString") }}</td> <td>The element's ID.</td> </tr> <tr> <td>{{ domxref("element.lang", "lang") }}</td> <td>{{ domxref("DOMString") }}</td> <td>The element's <code>lang</code> attribute.</td> </tr> <tr> <td>{{ domxref("element.title", "title") }}</td> <td>{{ domxref("DOMString") }}</td> <td>The element's title.</td> </tr> </tbody>
</table>
<h2>Methods</h2>
<table class="standard-table"> <thead> <tr> <th scope="col">Name &amp; Arguments</th> <th scope="col">Return</th> <th scope="col">Description</th> </tr> </thead> <tbody> <tr> <td> <p>{{ domxref("element.blur()", "blur()") }} {{ HTMLVersionInline("5") }}</p> </td> <td><code>void</code></td> <td>Removes keyboard focus from the currently focused element.</td> </tr> <tr> <td>{{ domxref("element.click()", "click()") }} {{ HTMLVersionInline("5") }}</td> <td><code>void</code></td> <td>Sends a mouse click event to the element.</td> </tr> <tr> <td>{{ domxref("element.focus()", "focus()") }} {{ HTMLVersionInline("5") }}</td> <td><code>void</code></td> <td>Makes the element the current keyboard focus.</td> </tr> </tbody>
</table>
<h2>Examples</h2>
<h2>Specification</h2>
<ul> <li><a class=" external" href="http://whatwg.org/html#htmlelement">HTML5: <code>HTMLElement</code> interface</a></li>
</ul>
<h2>Browser compatibility</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
<table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Firefox (Gecko)</th> <th>Chrome</th> <th>Internet Explorer</th> <th>Opera</th> <th>Safari</th> </tr> <tr> <td>Basic support</td> <td>{{ CompatGeckoDesktop("1.0") }}</td> <td>{{ CompatUnknown() }}</td> <td rowspan="7">{{ CompatUnknown() }}</td> <td rowspan="7">{{ CompatUnknown() }}</td> <td rowspan="7">{{ CompatUnknown() }}</td> </tr> <tr> <td>{{ domxref("element.accessKey", "accessKey") }}</td> <td>{{ CompatGeckoDesktop("5.0") }}</td> <td>No</td> </tr> <tr> <td>{{ domxref("element.accessKeyLabel", "accessKeyLabel") }}</td> <td>{{ CompatGeckoDesktop("8.0") }}</td> <td rowspan="5">{{ CompatUnknown() }}</td> </tr> <tr> <td>{{ domxref("element.blur()", "blur()") }}</td> <td>{{ CompatGeckoDesktop("5.0") }}</td> </tr> <tr> <td>{{ domxref("element.click()", "click()") }}</td> <td>{{ CompatGeckoDesktop("5.0") }}</td> </tr> <tr> <td>{{ domxref("element.dataset", "dataset") }}</td> <td>{{ CompatGeckoDesktop("6.0") }}</td> </tr> <tr> <td>{{ domxref("element.focus()", "focus()") }}</td> <td>{{ CompatGeckoDesktop("5.0") }}</td> </tr> </tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Firefox Mobile (Gecko)</th> <th>Android</th> <th>IE Mobile</th> <th>Opera Mobile</th> <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> <td> <p>{{ CompatGeckoMobile("1.0") }}</p> </td> <td rowspan="7">{{ CompatUnknown() }}</td> <td rowspan="7">{{ CompatUnknown() }}</td> <td rowspan="7">{{ CompatUnknown() }}</td> <td rowspan="7">{{ CompatUnknown() }}</td> </tr> <tr> <td>{{ domxref("element.accessKey", "accessKey") }}</td> <td>{{ CompatGeckoMobile("5.0") }}</td> </tr> <tr> <td>{{ domxref("element.accessKeyLabel", "accessKeyLabel") }}</td> <td>{{ CompatGeckoMobile("8.0") }}</td> </tr> <tr> <td>{{ domxref("element.blur()", "blur()") }}</td> <td>{{ CompatGeckoMobile("5.0") }}</td> </tr> <tr> <td>{{ domxref("element.click()", "click()") }}</td> <td>{{ CompatGeckoMobile("5.0") }}</td> </tr> <tr> <td>{{ domxref("element.dataset", "dataset") }}</td> <td>{{ CompatGeckoMobile("6.0") }}</td> </tr> <tr> <td>{{ domxref("element.focus()", "focus()") }}</td> <td>{{ CompatGeckoMobile("5.0") }}</td> </tr> </tbody>
</table>
</div>
<h2>See also</h2>
<ul> <li>{{ domxref("Element") }}</li>
</ul>
Revert to this revision