導航:首頁 > 生活日常 > dom生活中玩的有哪些

dom生活中玩的有哪些

發布時間:2023-01-15 18:38:15

Ⅰ DOM的理解與操作

有一定的JS基礎後,就可以進入 dom 環節了,dom使得網頁的交互效果得到完美呈現,可以說dom真正打開了網頁和用戶之間的通道橋梁,日常生活中我們點擊滑鼠,敲擊鍵盤,甚至於無意間觸碰到屏幕(觸摸屏),都會或多或少或大或小的得到一些躲藏起來的內容。

打開淘寶,在輸入框輸入商品時,下拉的推薦商品:

或是當打開某個不想再瀏覽的網頁時,右上角的那個×:

這些大部分都存在DOM的身影。

這里的「DOM」,通常來講,叫做 DOM 文檔對象模型 , 通過操縱DOM,可以隨意更改內容,樣式,或者增刪改查 ,因為網頁是在瀏覽器中顯示的,整個瀏覽器是BOM,所以DOM其實是BOM的一部分,BOM 就是 window對象 ,DOM 就是 document(文檔)對象。

如果該元素,是網頁的必備元素,而且只能有一個,可以通過document對象直接獲取。比如:圖片的src屬性:

任由我們怎麼去修飾圖片的顯示,但它本身的路徑屬性是獨有的,所以我們可以直接獲取:

更多的時候,我要需要獲取網頁中的指定元素,這就需要專門的方法來獲取了,這里列舉幾個方法:

getElementById()方法,根據元素的id屬性值來獲取指定的元素,因為ID的唯一性,使得該方法需要搭配ID選擇器使用,如果網頁里ID重復時,它會獲取第一個:

getElementsByTagName()方法,根據元素的標簽名獲取所有該元素,該方法獲取的是所有該標簽的元素,以偽數組的形式呈現:

getElementsByClassName()方法,根據元素的類選擇器名稱獲取所有該元素,該方法獲取的途徑是標簽的類,也就是class屬性,由於擁有該屬性的標簽可能不只一個,所以該方法獲得的也是一個偽數組(還有,可以看方法名,凡是帶Elements的大多數都是偽數組):

getElementsByName()方法,根據元素的name屬性值獲取所有該元素,相同的性質,有name屬性的標簽也不少:

querySelector()方法,根據選擇器的名稱返回元素,如果有多個元素,只返回第一個元素,這個方法就比較常用了,而且IE這個啥也不咋適配的瀏覽器現在幾乎不咋能見到了,可以多多考慮用他了該方法是  ES6新增,無論是ID 還是class都可以選,但是和上面區別的是選ID時前面要加#號,選class時前面要加「.」:

區別於Elements,這里是個單數,所以只會獲取一個,要是想獲取多個相同的,就用querySelectorAll()吧!querySelectorAll()看這個ALL就知道它是用來選全部的:

最後這倆方法更實用,可以選取CSS幾乎所有選擇器,而且querySelectorAll()得到的數組數據後還可以使用數組的方法。

操作DOM的樣式 ,有多種方式:

通過style屬性直接設置

通過className屬性設置類選擇器

也可以通過classList屬性添加多個類選擇器

操作DOM的內容:

innerText屬性,用於獲取 和 操作 DOM的文本內容。

innerHTML屬性,用於獲取 和 操作 DOM的HTML內容:

createElement()方法,用於創建DOM元素:

appendChild()方法,用於在當前DOM元素中添加子元素:

自刪 remove()方法,是元素刪除自己:

通過父級刪除子級 removeChild()方法,是刪除元素裡面指定的子元素:

Ⅱ dom一般怎麼玩

新手跟老手的區別在於,根據SUB喜愛來玩,常規操作就是捆,Sp,滴,露

Ⅲ dom一開始能讓sub做什麼

dom一開始能讓sub立規矩,sub也可以表明自己的底線。相互依賴又要彼此獨立dom與sub相處,Dom和Sub是特殊的親密關系,Sub把靈魂託付給Dom,Dom對Sub的人生負責,這種親密關系遠超普通。

dom與sub的關系

管理Sub往往是迷失自我,找不到方向的,Dom對Sub的管理,不同於教育上的引導,直接是心靈指揮了更加高效,當然這與Dom對Sub的講道理不矛盾,Sub對Dom的心靈臣服,源於心靈迷失後的痛苦,萌芽於Dom的魅力,強化於TJ儀式本質在於Dom的關愛。

Dom對Sub日常的管理和TJ儀式,讓Sub體驗或模擬體驗了靈魂被託管的,輕松感安全感幸福感,自己被關注有人為你做主,有人負責你的人生,擁有Sub不是代表由權力帶來了驕傲,Sub不是用來彌補自信的。

Ⅳ brat,switch, dom,xr, s,sp, sub, 強高,都是啥呀

brat、switch、dom、xr、s、sp、sub、強高的意思分別是:
1、brat,英語單詞,主要用作名詞,作名詞時譯為「(Brat)人名;(法、塞)布拉特」。2、switch是任天堂株式會社所製作的第九世代主機,玩家可以在這款主機上玩到超級多的游戲,包括經典的塞爾達傳說:曠野之息和超級馬里奧:奧德賽等。3、DOM一般指文檔對象模型。文檔對象模型,是W3C組織推薦的處理可擴展置標語言的標准編程介面。4、XR是「擴展范圍(extended-range)」的縮寫。未來,人類的交互方式將由2D交互向更具效率的3D交互轉變。5、s是單位名稱,在日常生活中表示的是秒,是國際單位制中的基本單位。6、SP指的是技能點,在大型游戲中我們通常會見到SP,SP即Skill Point的縮寫。7、SUB是一種圖形格式字幕,由idx和sub文件組成,有時也能看到ifo文件,不過這個已經不怎麼用的上了。8、強高通常指對象的性質與對象之間關系的統稱。例如,一個對象的顏色和形式,人的能力,身份,以及社會的基礎關系等等。

Ⅳ dom如何玩sub

相互依賴又要彼此獨立

dom與sub相處,既要相互依賴又要彼此獨立,dom可以給sub立規矩,sub也可以表明自己的底線,在合理的范圍內是主nu,在底線范圍外就是獨立的個體。

另外在國內BDSM還有另外一個名稱是字母圈。要知道在國內多數性少數派玩家對於DS和SM的劃分並沒有非常清晰的界限,可以說這兩者是等同的,因此在相處過程中要注意。

標准介面規范

DOM是W3C制定的標准介面規范,是一種處理HTML和XML文件的標准API。

DOM提供了對整個文檔的訪問模型,將文檔作為一個樹形結構,樹的每個結點表示了一個HTML標簽或標簽內的文本項。DOM樹結構精確地描述了HTML文檔中標簽間的相互關聯性。將HTML或XML文檔轉化為DOM樹的過程稱為解析(parse)。

閱讀全文

與dom生活中玩的有哪些相關的資料

熱點內容
微信改變我們哪些生活 瀏覽:1229
創造與魔法沙漠的動物在哪裡 瀏覽:1230
籃球鞋網面為什麼會破 瀏覽:939
怎麼拼升降板籃球 瀏覽:420
小型寵物豬多少錢 瀏覽:836
音樂文化課哪個好 瀏覽:662
到日本旅遊如何報團 瀏覽:980
不在籃球場運球該在哪裡練 瀏覽:957
台灣哪裡能買到寵物 瀏覽:1030
小動物怎麼畫才最好看 瀏覽:904
中西文化和西方網名有什麼區別 瀏覽:1199
養寵物狗一般養多少年 瀏覽:876
廣州黃埔哪裡有賣寵物兔的 瀏覽:767
小米10怎麼敲擊背部打開相機 瀏覽:687
漁家文化目的有哪些內容 瀏覽:1064
海洋中發光的動物都有哪些 瀏覽:1138
如何消除美顏相機的標志 瀏覽:1048
籃球罰球為什麼不往上拋 瀏覽:593
天香公園寵物醫院洗澡在哪裡 瀏覽:1120
怎麼提高中國文化自信 瀏覽:257