A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.mozilla.org/de/docs/Web/API/HTMLCollection/namedItem below:

HTMLCollection: namedItem() Methode - Web-APIs

HTMLCollection: namedItem() Methode

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.

Syntax Parameter
key

Ein String, der den Wert des id- oder name-Attributs des gesuchten Elements darstellt.

Rückgabewert

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.

Beispiel HTML
<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