HTMLCollection，NodeLists和對(duì)象數(shù)組之間的區(qū)別在DOM方面，我一直對(duì)HTMLCollections，對(duì)象和數(shù)組感到困惑。例如...document.getElementsByTagName("td")和之間有什么區(qū)別$("td")？$("#myTable")并且$("td")是對(duì)象（jQuery對(duì)象）。為什么console.log還會(huì)在它們旁邊顯示DOM元素?cái)?shù)組，它們不是對(duì)象而不是數(shù)組？什么是難以捉摸的“NodeLists”，我如何選擇一個(gè)？還請(qǐng)?zhí)峁┮韵履_本的任何解釋。謝謝[123,"abc",321,"cba"]=[123,"abc",321,"cba"]{123:123,abc:"abc",321:321,cba:"cba"}=Object { 123=123, abc="abc", 321=321, more...}Node= Node { ELEMENT_NODE=1, ATTRIBUTE_NODE=2, TEXT_NODE=3, more...}document.links= HTMLCollection[a #, a #]document.getElementById("myTable")= <table id="myTable">document.getElementsByClassName("myRow")= HTMLCollection[tr.myRow, tr.myRow]document.getElementsByTagName("td")= HTMLCollection[td, td, td, td]$("#myTable")= Object[table#myTable]$("td")= Object[td, td, td, td]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> <title>Collections?</title> <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ console.log('[123,"abc",321,"cba"]=',[123,"abc",321,"cba"]); console.log('{123:123,abc:"abc",321:321,cba:"cba"}=',{123:123,abc:"abc",321:321,cba:"cba"}); console.log('Node=',Node); console.log('document.links=',document.links); console.log('document.getElementById("myTable")=',document.getElementById("myTable")); console.log('document.getElementsByClassName("myRow")=',document.getElementsByClassName("myRow")) console.log('document.getElementsByTagName("td")=',document.getElementsByTagName("td")); console.log('$("#myTable")=',$("#myTable")); console.log('$("td")=',$("td")); }); </script> </head>
HTMLCollection，NodeLists和對(duì)象數(shù)組之間的區(qū)別
繁華開(kāi)滿天機(jī)
2019-08-30 10:56:27
