Ⅰ 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)。