css id選擇器的權(quán)重，如何在DWCC2019中新建css規(guī)則？
首先輸入要編輯的文本，然后在右側(cè)css設(shè)計(jì)器，源那里新建文件夾，然后把光標(biāo)移到內(nèi)容那里，然后右側(cè)新建選擇器，例如body p或body h1，你鼠標(biāo)放在哪里就會(huì)生成對應(yīng)的css，此對應(yīng)下方css屬性的目標(biāo)規(guī)則，然后在下方css屬性面板或右側(cè)屬性面板 設(shè)置css屬性插入div class就是類 id就是div的名稱 然后點(diǎn)擊新建css規(guī)則插入圖片 右鍵圖片 新建css規(guī)則插入文字 右側(cè)源新建文件夾 光標(biāo)定義到不同的段落 右側(cè)新建不同的css規(guī)則 此規(guī)則在下方屬性面板css 目標(biāo)規(guī)則配合使用
dom操作？
文檔對象模型( DOM, Document Object Model )主要用于對HTML和XML文檔的內(nèi)容進(jìn)行操作。DOM描繪了一個(gè)層次化的節(jié)點(diǎn)樹，通過對節(jié)點(diǎn)進(jìn)行操作，實(shí)現(xiàn)對文檔內(nèi)容的添加、刪除、修改、查找等功能。
一、DOM樹
DOM樹有兩種，分別為節(jié)點(diǎn)樹和元素樹。
節(jié)點(diǎn)樹：把文檔中所有的內(nèi)容都看成樹上的節(jié)點(diǎn)；
元素樹：僅把文檔中的所有標(biāo)簽看成樹上的節(jié)點(diǎn)。
二、DOM常用操作
2.1 查找節(jié)點(diǎn)
document.getElementById('id屬性值');
返回?fù)碛兄付╥d的第一個(gè)對象的引用
document/element.getElementsByClassName('class屬性值');
返回?fù)碛兄付╟lass的對象集合
document/element.getElementsByTagName('標(biāo)簽名');
返回?fù)碛兄付?biāo)簽名的對象集合
document.getElementsByName('name屬性值');
返回?fù)碛兄付Q的對象結(jié)合
document/element.querySelector('CSS選擇器');
僅返回第一個(gè)匹配的元素
document/element.querySelectorAll('CSS選擇器');
返回所有匹配的元素
document.documentElement
獲取頁面中的HTML標(biāo)簽
document.body
獲取頁面中的BODY標(biāo)簽
document.all['']
獲取頁面中的所有元素節(jié)點(diǎn)的對象集合型
2.2 新建節(jié)點(diǎn)
document.createElement('元素名');
創(chuàng)建新的元素節(jié)點(diǎn)
document.createAttribute('屬性名');
創(chuàng)建新的屬性節(jié)點(diǎn)
document.createTextNode('文本內(nèi)容');
創(chuàng)建新的文本節(jié)點(diǎn)
document.createComment('注釋節(jié)點(diǎn)');
創(chuàng)建新的注釋節(jié)點(diǎn)
document.createDocumentFragment( );
創(chuàng)建文檔片段節(jié)點(diǎn)
2.3 添加新節(jié)點(diǎn)
parent.appendChild( element/txt/comment/fragment );
向父節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn)后追加新節(jié)點(diǎn)
parent.insertBefore( newChild, existingChild );
向父節(jié)點(diǎn)的某個(gè)特定子節(jié)點(diǎn)之前插入新節(jié)點(diǎn)
element.setAttributeNode( attributeName );
給元素增加屬性節(jié)點(diǎn)
element.setAttribute( attributeName, attributeValue );
給元素增加指定屬性，并設(shè)定屬性值
id是什么類型的選擇器？
id是css的唯一選擇器，使用ID選擇器，必須給標(biāo)簽添加上id屬性，為標(biāo)簽設(shè)置id="ID名稱"。
為什么網(wǎng)頁中ID屬性用得越來越少？
我來說說我得看法吧，首先第一點(diǎn)，這兩個(gè)效果是一樣的，ID與Class的區(qū)別在于你用的時(shí)機(jī)，假設(shè)我們要做一個(gè)公共組件進(jìn)行代碼動(dòng)態(tài)渲染并進(jìn)行復(fù)用，那么我們必定不會(huì)去選擇ID，因?yàn)槲覀冊陧撁驿秩局须y免會(huì)碰到遍歷，和公共樣式，所以用class是最好的方案，而且維護(hù)成本也是最低。第二點(diǎn)，ID并不是一定比class復(fù)雜，同樣舉個(gè)例子，我們在給一個(gè)頁面定義多個(gè)組件（同樣使用公共組件new方法），這時(shí)候我們?yōu)榱吮ＷC不同組件的唯一性，我們需要為添加的dom或者稱之為component添加一個(gè)Math.random()隨機(jī)的id號碼，其他部分我們用class來完成，這樣我們既保證了代碼的可維護(hù)性，也保證了不同component的唯一性。最后總結(jié)一下，其實(shí)id的樣式表會(huì)造成css表中不可復(fù)用的問題，除非使用組合，所以現(xiàn)在大部分都會(huì)用class，但是id也很多哦，看我們需求是什么了~
--來自正在求職的自學(xué)小渣渣一枚