国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

【DOM重點(diǎn)核心--javascript】

這篇具有很好參考價(jià)值的文章主要介紹了【DOM重點(diǎn)核心--javascript】。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

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

到了這里,關(guān)于【DOM重點(diǎn)核心--javascript】的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 什么是DOM?(JavaScript DOM是什么?)

    什么是DOM?(JavaScript DOM是什么?)

    1、DOM簡(jiǎn)潔 W3C DOM標(biāo)準(zhǔn)被分為三個(gè)不同的部分: 核心DOM:針對(duì)任何結(jié)構(gòu)化文檔的標(biāo)準(zhǔn)模型 XML DOM:針對(duì)XML文檔的標(biāo)準(zhǔn)模型 HTML DOM:針對(duì)HTML文檔的標(biāo)準(zhǔn)模型 DOM的設(shè)計(jì)是以對(duì)象管理組織(OMG)的規(guī)約為基礎(chǔ)的,可以用于任何編程語(yǔ)言,DOM以基于對(duì)象的方式來(lái)描述整個(gè)文檔,讓我們

    2024年01月20日
    瀏覽(28)
  • 小程序進(jìn)階學(xué)習(xí)(視頻完結(jié))(核心,重點(diǎn))

    小程序進(jìn)階學(xué)習(xí)(視頻完結(jié))(核心,重點(diǎn))

    ? 把視頻的寬度設(shè)置為100%即可鋪滿全屏 ?

    2024年01月24日
    瀏覽(20)
  • 小程序基礎(chǔ)學(xué)習(xí)(請(qǐng)求封裝)(重點(diǎn),核心)

    小程序基礎(chǔ)學(xué)習(xí)(請(qǐng)求封裝)(重點(diǎn),核心)

    目錄 ?首先: 封裝一個(gè)request請(qǐng)求的js文件,用的是Promise 然后: 請(qǐng)求編寫(xiě) 原理:首先在頁(yè)面加載完成以后發(fā)送一次請(qǐng)求數(shù)據(jù),由于請(qǐng)求的數(shù)據(jù)會(huì)反復(fù)使用,直接把他抽離到外面,以后直接調(diào)用。在使用async和await異步的方式接收請(qǐng)求的數(shù)據(jù)。最后在設(shè)置頁(yè)面的寬高,并設(shè)置觸

    2024年01月17日
    瀏覽(16)
  • JavaScript HTML DOM

    JavaScript HTML DOM(文檔對(duì)象模型)是一種用于訪問(wèn)和操作HTML文檔元素的編程接口。它將HTML文檔表示為一個(gè)樹(shù)形結(jié)構(gòu),使開(kāi)發(fā)人員可以使用JavaScript來(lái)操作和修改HTML元素、屬性、樣式和事件。 通過(guò)使用HTML DOM,你可以使用JavaScript來(lái)執(zhí)行以下操作: 1. 訪問(wèn)和修改元素:你可以使用

    2024年02月09日
    瀏覽(34)
  • 【javaScript】DOM編程入門

    【javaScript】DOM編程入門

    概念:DOM(Document Object Model)編程就是使用document對(duì)象的API完成對(duì)網(wǎng)頁(yè)HTML文檔進(jìn)行動(dòng)態(tài)修改,以實(shí)現(xiàn)網(wǎng)頁(yè)數(shù)據(jù)和樣式動(dòng)態(tài)變化的編程 為什么要由DOM編程來(lái)動(dòng)態(tài)修改呢?我們就得先理解網(wǎng)頁(yè)的運(yùn)行原理: 如上圖,程序員編寫(xiě)的html文件存儲(chǔ)在服務(wù)器端,而用戶使用的瀏覽器則由u

    2024年04月09日
    瀏覽(23)
  • JavaScript 基礎(chǔ) DOM (二)

    JavaScript 基礎(chǔ) DOM (二)

    事件流是對(duì)事件執(zhí)行過(guò)程的描述 事件捕獲 從DOM的根元素開(kāi)始去執(zhí)行對(duì)應(yīng)的事件 (從外到里) 事件冒泡 當(dāng)一個(gè)元素的事件被觸發(fā)時(shí),同樣的事件將會(huì)在該元素的所有祖先元素中依次被觸發(fā)。這一過(guò)程被稱為事件冒 泡 addEventListener ?第3個(gè)參數(shù)決定了事件是在捕獲階段觸發(fā)還是在

    2024年02月05日
    瀏覽(21)
  • JavaScript:DOM對(duì)象

    JavaScript:DOM對(duì)象

    嚴(yán)格意義上講,我們?cè)?JavaScript 語(yǔ)法階段學(xué)習(xí)的知識(shí)絕大部分屬于 ECMAScript 的知識(shí)體系,ECMAScript 簡(jiǎn)稱 ES 它提供了一套語(yǔ)言標(biāo)準(zhǔn)規(guī)范,如變量、數(shù)據(jù)類型、表達(dá)式、語(yǔ)句、函數(shù)等語(yǔ)法規(guī)則都是由 ECMAScript 規(guī)定的。瀏覽器將 ECMAScript 大部分的規(guī)范加以實(shí)現(xiàn),并且在此基礎(chǔ)上又?jǐn)U

    2024年02月02日
    瀏覽(21)
  • html-dom核心內(nèi)容--四要素

    html-dom核心內(nèi)容--四要素

    1·、結(jié)構(gòu) HTML DOM (文檔對(duì)象模型) 當(dāng)網(wǎng)頁(yè)被加載時(shí),瀏覽器會(huì)創(chuàng)建頁(yè)面的文檔對(duì)象模型(Document Object Model)。? 2、核心關(guān)注的內(nèi)容:“ 元素” ,“ 屬性” ,“ 修改樣式 ”,“ 事件反應(yīng)” 。==四要素 JavaScript 能夠改變頁(yè)面中的所有 HTML 元素 JavaScript 能夠改變頁(yè)面中的所有

    2024年02月11日
    瀏覽(20)
  • JavaScript---獲取、修改DOM元素

    1. 獲取元素 1.1.? 獲取第一個(gè)元素,一個(gè)HTMLElement對(duì)象,可以修改 ? document.querySelector(\\\'css選擇器\\\')? ? 1.2. 獲取多個(gè)元素,一個(gè)HTMLElement對(duì)象,不可以修改,得到的是偽數(shù)組 document.querySelectorAll(\\\'css選擇器\\\') ? 2.?操作元素內(nèi)容 2.1. 元素.innerText? ? ? 只顯示純文本,不解析標(biāo)簽?

    2024年02月15日
    瀏覽(21)
  • 【JavaScript 】DOM操作快速入門

    【JavaScript 】DOM操作快速入門

    目錄 1.概述 2.操作 2.1.document對(duì)象 2.2.選中元素 2.2.1.get 2.2.2.query 2.3.操作屬性 2.4.添加響應(yīng) 2.5.修改文本 在Web開(kāi)發(fā)中,JavaScript(JS)的DOM(Document Object Model,文檔對(duì)象模型)是一種用來(lái)表示網(wǎng)頁(yè)文檔結(jié)構(gòu)的編程接口。它將整個(gè)文檔抽象為一個(gè)樹(shù)形結(jié)構(gòu),每個(gè)節(jié)點(diǎn)都是文檔中的一

    2024年02月06日
    瀏覽(17)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包