导航:首页 > 生活日常 > 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