Baseline Widely available
Die namedItem()
Methode der HTMLCollection
Schnittstelle gibt das erste Element
in der Sammlung zurück, dessen id
oder name
Attribut mit dem angegebenen Namen übereinstimmt, oder null
, wenn kein Element übereinstimmt.
In JavaScript können Sie anstelle von collection.namedItem("value")
auch direkt auf den Namen in der Sammlung zugreifen, wie collection["value"]
, es sei denn, der Name kollidiert mit einer der bestehenden HTMLCollection
-Eigenschaften.
key
Ein String, der den Wert des id
- oder name
-Attributs des gesuchten Elements darstellt.
Das erste Element
in der HTMLCollection
, das mit dem key
übereinstimmt, oder null
, wenn keines vorhanden ist. Gibt immer null
zurück, wenn key
die leere Zeichenfolge ist.
<div id="personal">
<span name="title">Dr.</span>
<span name="first-name">Carina</span>
<span name="last-name">Anand</span>
<span id="degree">(MD)</span>
</div>
JavaScript
const container = document.getElementById("personal");
// Returns the HTMLSpanElement with the name "title" if no such element exists null is returned
const titleSpan = container.children.namedItem("title");
// The following variants return undefined instead of null if there's no element with a matching name or id
const firstNameSpan = container.children["first-name"];
const lastNameSpan = container.children["last-name"];
// Returns the span element with the id "degree"
const degreeSpan = container.children.namedItem("degree");
const output = document.createElement("div");
output.textContent = `Result: ${titleSpan.textContent} ${firstNameSpan.textContent} ${lastNameSpan.textContent} ${degreeSpan.textContent}`;
container.insertAdjacentElement("afterend", output);
Spezifikationen Browser-Kompatibilität MDN-Feedback-Box War diese Ãbersetzung hilfreich?
Diese Seite wurde automatisch aus dem Englischen übersetzt.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4