Documentï¼getElementsByName() æ¹æ³
åºçº¿
广æ³å¯ç¨
èª 2018å¹´1æ èµ·ï¼æ¤ç¹æ§å·²å¨ä¸»æµæµè§å¨ä¸å¾å°æ¯æï¼å¯å¨å¤§å¤æ°è®¾å¤åæµè§å¨çæ¬ä¸æ£å¸¸ä½¿ç¨ã
Document 对象ç getElementsByName() æ¹æ³è¿åææ¡£ä¸å
·æç»å® name 屿§çææå
ç´ ç NodeList éåã
è¯æ³
js
getElementsByName(name)
åæ°
name-
æä»¬è¦æ¥æ¾å ç´ ç
name屿§çå¼ã
è¿åå¼
ä¸ä¸ªå®æ¶ç NodeList éåï¼è¿æå³çå½å¸¦æç¸å name çæ°å
ç´ è¢«æ·»å å°ææ¡£ä¸ï¼æä»ææ¡£ä¸ç§»é¤æ¶ï¼è¯¥éåä¼èªå¨æ´æ°ã
示ä¾
html
<!doctype html>
<html lang="en">
<head>
<title>示ä¾ï¼ä½¿ç¨ document.getElementsByName</title>
</head>
<body>
<input type="hidden" name="up" />
<input type="hidden" name="down" />
</body>
</html>
js
const up_names = document.getElementsByName("up");
console.log(up_names[0].tagName); // æ¾ç¤ºâINPUTâ
夿³¨
name 屿§åªå¨ï¼Xï¼HTML ææ¡£ä¸å¯ç¨ã
è¿åç NodeList éåå
å«äºææå
·æç»å® name çå
ç´ ï¼ä¾å¦ <meta>ã<object> çè³å
æ¬æ ¹æ¬ä¸æ¯æ name 屿§çå
ç´ ã
è§è
| è§è |
|---|
| HTML > # dom-document-getelementsbyname-dev > |
æµè§å¨å ¼å®¹æ§
åè§
document.getElementById()æ ¹æ®å¯ä¸idè¿å对å ç´ çå¼ç¨ãdocument.getElementsByTagName()è¿åå¯¹å ·æç¸åæ ç¾åçå ç´ çå¼ç¨document.querySelector()éè¿ CSS éæ©å¨ï¼ä¾å¦'div.myclass'ï¼è¿å对å ç´ çå¼ç¨ã