資訊專欄INFORMATION COLUMN
摘要：通過(guò)的選擇器只能選單一的元素即使里面的選擇器是，也無(wú)法選擇多個(gè)元素，選多個(gè)元素需要用這個(gè)和是不一樣的，不要混淆。里面號(hào)可以篩選以為父級(jí)的子元素不加這個(gè)則返回內(nèi)部所有，所以要熟記選擇器啊。
但是本文傳達(dá)的意思和table無(wú)關(guān)，嘻嘻.....
要求：選擇#table1下的兩個(gè)子元素tr
|
|
第一次測(cè)試：document.querySelector("#table1 tr"),測(cè)試發(fā)現(xiàn)只能選擇一個(gè)tr，不符合要求;
第二次測(cè)試：document.querySelectorAll("#table1 tr"),測(cè)試選擇出四個(gè)tr，不符合要求，這是由于里面包含一個(gè)table導(dǎo)致。執(zhí)行document.querySelectorAll("#table1 tbody"),里面有兩個(gè)tbody(為什么里面會(huì)有tbody，自行谷歌關(guān)鍵詞thead,tbody,tfoot);
第三次測(cè)試：document.querySelectorAll("#table1>tbody>tr")結(jié)果符合要求;
綜上所述，那么問(wèn)題來(lái)了。
querySelector()通過(guò)CSS的選擇器只能選單一的元素(即使里面的選擇器是*，也無(wú)法選擇多個(gè)元素)，選多個(gè)元素需要用querySelectorAll(),這個(gè)和Jqery是不一樣的，不要混淆。
#table1>tbody里面>號(hào)可以篩選以#table1為父級(jí)的子元素,不加這個(gè)則返回內(nèi)部所有，所以要熟記CSS選擇器啊。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/92319.html
摘要：屬性，會(huì)破壞文檔流，與非定位元素很難結(jié)合起來(lái)用，因此也不適合自適應(yīng)布局。，其對(duì)無(wú)感，無(wú)法自適應(yīng)剩余瀏覽器空間。總結(jié)的定義，就如同結(jié)界一樣，完全封閉對(duì)外無(wú)任何影響。引起的各種屬性與自適應(yīng)布局自適應(yīng)布局與屬性說(shuō)明 BFC的定義 BFC的全稱是block formatting context（塊狀格式化上下文），當(dāng)BFC起作用的時(shí)候，其元素內(nèi)部無(wú)論怎么翻江倒海都不會(huì)影響到外部元素，同樣，外部...
摘要：一內(nèi)聯(lián)元素與行元素的區(qū)別內(nèi)聯(lián)元素即行內(nèi)元素。絕對(duì)定位，相對(duì)于定位以外的第一個(gè)父元素進(jìn)行定位，元素脫離文檔流。 一、內(nèi)聯(lián)元素與行元素的區(qū)別 1、內(nèi)聯(lián)元素即行內(nèi)元素。2、內(nèi)聯(lián)元素，在文檔流中擠在一行；不能設(shè)置寬高（即，即使設(shè)置了也不管用，例如a標(biāo)簽）、margin和padding的top和bottom 塊元素，獨(dú)占一行；可以設(shè)置寬高、margin、padding3、可以使用displa...
摘要：一內(nèi)聯(lián)元素與行元素的區(qū)別內(nèi)聯(lián)元素即行內(nèi)元素。絕對(duì)定位，相對(duì)于定位以外的第一個(gè)父元素進(jìn)行定位，元素脫離文檔流。 一、內(nèi)聯(lián)元素與行元素的區(qū)別 1、內(nèi)聯(lián)元素即行內(nèi)元素。2、內(nèi)聯(lián)元素，在文檔流中擠在一行；不能設(shè)置寬高（即，即使設(shè)置了也不管用，例如a標(biāo)簽）、margin和padding的top和bottom 塊元素，獨(dú)占一行；可以設(shè)置寬高、margin、padding3、可以使用displa...
前言 在學(xué)習(xí)前端的過(guò)程中，大家都會(huì)對(duì)瀏覽器這個(gè)神秘的盒子感到好奇從輸入一串url到頁(yè)面解析渲染完成，瀏覽器都干了些啥？ 直觀展示 為了更好的理解這個(gè)過(guò)程，我們使用一個(gè)工具來(lái)幫助我們Chrome自帶的開(kāi)發(fā)工具中的performance（老版本和其他瀏覽器為timeline） showImg(https://segmentfault.com/img/bVbswbe?w=1338&h=920); 點(diǎn)擊錄...
前言 在學(xué)習(xí)前端的過(guò)程中，大家都會(huì)對(duì)瀏覽器這個(gè)神秘的盒子感到好奇從輸入一串url到頁(yè)面解析渲染完成，瀏覽器都干了些啥？ 直觀展示 為了更好的理解這個(gè)過(guò)程，我們使用一個(gè)工具來(lái)幫助我們Chrome自帶的開(kāi)發(fā)工具中的performance（老版本和其他瀏覽器為timeline） showImg(https://segmentfault.com/img/bVbswbe?w=1338&h=920); 點(diǎn)擊錄...
閱讀 2265·2023-04-25 23:15
閱讀 1917·2021-11-22 09:34
閱讀 1546·2021-11-15 11:39
閱讀 955·2021-11-15 11:37
閱讀 2152·2021-10-14 09:43
閱讀 3493·2021-09-27 13:59
閱讀 1506·2019-08-30 15:43
閱讀 3454·2019-08-30 15:43
