Baseline Widely available
HTMLCollection
ã¤ã³ã¿ã¼ãã§ã¤ã¹ã¯ãï¼ææ¸å
ã®é åºã«ãããï¼è¦ç´ ã®æ±ç¨çãªéåï¼arguments
ã®ãããªé
å風ã®ãªãã¸ã§ã¯ãï¼ã表ãããªã¹ããã鏿ããããã®ã¡ã½ããã¨ããããã£ãæä¾ãã¾ãã
ã¡ã¢: ãã®ã¤ã³ã¿ã¼ãã§ã¤ã¹ã¯æ´å²çãªçç±ã§ HTMLCollection
ã¨å¼ã°ãã¦ãã¾ãï¼ç¾ä»£ã® DOM ããåã§ã¯ããã®ã¤ã³ã¿ã¼ãã§ã¤ã¹ãå®è£
ããéåããã¢ã¤ãã ã¨ã㦠HTML è¦ç´ ããæã¦ã¾ããã§ããï¼ã
HTML DOM å
ã® HTMLCollection
ã¯çã㦠(live) ãã¾ããå
ã«ãªã£ãææ¸ã夿´ãããæç¹ã§èªåçã«æ´æ°ããã¾ãããã®ããããã¼ãã追å ã夿´ãåé¤ããå ´åã¯ã³ãã¼ãï¼Array.from
ãªã©ã使ç¨ãã¦ï¼ä½æãã¦ããã¨ããã§ãããã
ã¡ã¢: ãã®ã¤ã³ã¿ã¼ãã§ã¤ã¹ã¯å¤æ´ä¸å¯è½ãªãªã¹ãã使ãããã¨ãããã®ã§ãããããã¦ãæ¢ã«ä½¿ç¨ããã¦ããã³ã¼ãã®åä½ãä¿è¨¼ããã ãã®ããã«å¯¾å¿ãç¶ãã¦ãã¾ãããç¾ä»£ã® API ã§ã¯ãECMAScript ã®é ååãã©ããããåã使ç¨ãã¦ãããããECMAScript ã®é åã®ããã«æ±ããã¨ãã§ããåæã«ãã®ä½¿ç¨æ³ã«è¿½å ã®æå³ã¥ããè¡ããã¨ãã§ãã¾ãï¼ã¢ã¤ãã ãèªã¿åãå°ç¨ã«ãããªã©ï¼ã
ã¤ã³ã¹ã¿ã³ã¹ããããã£HTMLCollection.length
èªåå°ç¨
collection å ã®ã¢ã¤ãã æ°ãè¿ãã¾ãã
HTMLCollection.item()
ãªã¹ãå
ã®æå®ããã index
(å
é ã¯ã¼ã) ä½ç½®ã«ããç¹å®ã®è¦ç´ ãè¿ãã¾ããindex
ãç¯å²å¤ãªã null
ãè¿ãã¾ãã
ãã㯠collection[i]
ã®ã¢ã¯ã»ã¹ã®ä»£æ¿ææ®µã§ãï¼ãã¡ã㯠i
ãç¯å²å¤ã®å ´å㯠undefined
ãè¿ãã¾ãï¼ãããã¯ä¸»ã«ã JavaScript 以å¤ã® DOM å®è£
ã§æç¨ã§ãã
HTMLCollection.namedItem()
name
ã§æå®ããæååã« IDãã¾ãã¯ä»£æ¿ã¨ã㦠name ãä¸è´ãããã¼ããè¿ãã¾ããname ã¨ã®ãããã³ã°ã¯ HTML éå®ã§ãåç
§ããè¦ç´ ã name
屿§ããµãã¼ãããå ´åã«éã£ã¦ãæçµææ®µã¨ãã¦è¡ããã¾ããæå®ããååã®ãã¼ãããªãå ´å㯠null
ãè¿ãã¾ãã
ãã㯠collection[name]
ã®ã¢ã¯ã»ã¹ã®ä»£æ¿ææ®µã§ãï¼ãã¡ã㯠name
ãåå¨ããªãå ´åã undefined
ãè¿ãã¾ãï¼ãããã¯ä¸»ã«ã JavaScript 以å¤ã® DOM å®è£
ã§æç¨ã§ãã
HTMLCollection
ã¯ãèªèº«ã®ã¡ã³ãã¼ãååã¨ã¤ã³ããã¯ã¹ã§ããããã£ã¨ãã¦å
¬éãã¾ãã HTML ã® ID 㯠:
ã .
ãæå¹ãªæåã¨ãã¦å«ããã¨ãã§ãããããã¯ããããã£ã¨ãã¦ã¢ã¯ã»ã¹ããããã«è§æ¬å¼§æ§æã使ç¨ããªããã°ãªãã¾ãããç¾å¨ã HTMLCollection
ãªãã¸ã§ã¯ãã¯ç´ç²ãªæ°å¤ã® ID ãèªèãã¾ããããã®ãã㪠ID ã¯é
åã¸ã®ã¢ã¯ã»ã¹ã¨ç«¶åãã¾ãããHTML ã§ã¯è¨±å®¹ãã¦ãã¾ãã
ä¾ãã°ãææ¸å
ã« 1 ã¤ã® <form>
è¦ç´ ããããã®ã¨ä»®å®ãã¦ãã ããããã® id
㯠myForm
ã§ãã
let elem1, elem2;
// document.forms 㯠HTMLCollection
elem1 = document.forms[0];
elem2 = document.forms.item(0);
alert(elem1 === elem2); // 表示: "true"
elem1 = document.forms.myForm;
elem2 = document.forms.namedItem("myForm");
alert(elem1 === elem2); // 表示: "true"
elem1 = document.forms["named.item.with.periods"];
仿§æ¸ ãã©ã¦ã¶ã¼ã®äºææ§ é¢é£æ
å ±
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