HTMLCollection: namedItem() メソッド

namedItem(key)

<div id="personal"> <span name="title">Dr.</span> <span name="firstname">Carina</span> <span name="lastname">Anand</span> <span id="degree">(MD)</span> </div>

const container = document.getElementById("personal"); // "title" という名前の HTMLSpanElement を返す。そのような要素が存在しない場合は null を返す。 const titleSpan = container.children.namedItem("title"); // 以下の変化形は、name や id が一致する要素がない場合、null ではなく undefined を返す const firstnameSpan = container.children["firstname"]; const lastnameSpan = container.children.lastname; // id が "degree" である span 要素を返す 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);