DOM重點(diǎn)核心
? ? //動(dòng)態(tài)創(chuàng)建元素有3種方法
? ? 1.document.write() 如果頁(yè)面文檔加載完畢,在調(diào)用會(huì)導(dǎo)致頁(yè)面重繪(不推薦)
? ? 2.innerHTML創(chuàng)建多個(gè)元素的效率更高(不要拼接字符串,采取數(shù)組形式拼接),結(jié)構(gòu)稍微復(fù)雜。
? ? 3.document.createElement()創(chuàng)建多個(gè)元素效率稍微低一點(diǎn),但是結(jié)構(gòu)更清晰。
? ? //增加
? ? 1.appendChild 在后面追加
? ? 2.insertBefore 在前面插入
? ? //刪
? ? 1.removeChild
? ? //改
? ? 1.修改元素的屬性:src,href,title等
? ? 2.修改普通元素的內(nèi)容:innerHTML,innerText
? ? 3.修改表單元素:value,type,disabled等
? ? 4.修改元素樣式:style,className
? ? //查
? ? 1.DOM提供的API方法:getElementById,getElementByTagName古老用法不太推薦
? ? 2.H5新增加的方法:querySelector,querySelectorAll提倡
? ? 3.利用節(jié)點(diǎn)操作獲取元素:父(parentNode),子(children)提倡
? ? 兄(previousElementSibling,nextElementSibling)提倡
? ? //屬性操作
? ? 1.setAttribute:設(shè)置dom的屬性值
? ? 2.getAttribute:得到dom的屬性值
? ? 3.removeAttribute移除屬性
? ? //事件操作
? ? onclick,鼠標(biāo)點(diǎn)擊觸發(fā)
? ? onmouseover,鼠標(biāo)經(jīng)過(guò)觸發(fā)
? ? onmouseout,鼠標(biāo)離開(kāi)觸發(fā)
? ? onfocus,獲得鼠標(biāo)焦點(diǎn)觸發(fā)
? ? onblur,失去鼠標(biāo)焦點(diǎn)觸發(fā)
? ? onmousemove,鼠標(biāo)移動(dòng)觸發(fā)
? ? onmouseup,鼠標(biāo)彈起觸發(fā)
? ? onmousedown,鼠標(biāo)按下觸發(fā)文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-469776.html
?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-469776.html
到了這里,關(guān)于【DOM重點(diǎn)核心--javascript】的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!