JavaScript之DOM节点充满罪恶感陷入黑暗无法自拔的一生！！

本文链接：https://blog.csdn.net/m0_47328008/article/details/115793374

英雄简介：

dom节点从出生就生活在一个及其贫寒的家庭，它的家乡除了各式各样的大山以及大山上面各式各样的鲜花之外别无他物。
在这里插入图片描述

家庭

小节点的兄弟们很多，打小时候开始就一直被几个哥哥所压制，说话不敢大声，喘气不敢张嘴，吃饭不敢夹菜，喝汤不敢脸红；大哥是document.getElementById，在社会上很吃香，江湖人称id大侠；二哥是getElementsByClassName，不仅在社会上很吃香，而且还练就了一身的武艺，所以身边有很多小弟，要想解决掉二哥，你得先解决二哥的小弟们；三哥是getElementsByTagName，三哥的本领和二哥的有所相似，但是三哥的武艺是和独特的，都说十八般武艺三百六十一行行行出董事长；四哥querySelector就不得了了，精通各路掌法，各个css选择器见了它都怕，看哪个选择器不爽就打；五哥querySelectorAll，别看五哥的名字和四哥长得很像，但是他俩其实就只是单纯的兄弟关系，不要想歪了，就像是奥巴马和奥利奥、拜登和拜拜这样的，但是五哥就更厉害了，刚刚说到的四哥擅长的是单挑css选择器，而五哥就是群欧css选择器的武艺，和二哥三哥的武功差不多，但是还有各有区别。
在这里插入图片描述

梦想

然而到了dom小节点，尽管小节点是多么的不愿意出来社会，但是为了生活为了梦想为了成为哥哥们那样的风云人物，小节点还是要出来社会上闯一闯，哪怕是粉身碎骨上刀山下油锅也要走出自己的一片天。
在这里插入图片描述

梦想

刚进集市的小节点一直紧跟阿爸document的脚步，生怕一个不小心会被阿爸走丢。江湖虽大，小节点虽小，但是天生我材必有用，梦想这两个字在小节点的脑壳里面更加根深蒂固了。

学艺

在这里插入图片描述

渐渐地，小节点长大了，阿爸也不能总是不交给小节点武艺防身，就在今天阿爸教给了小节点一个技能：叫做无形元素节点createElement掌，通过默念阿爸的名字document就可以发功，这样就可以变出一个元素节点来帮你打架了，这套无形元素节点还是很好的，至少保证小节点以后也是有一点用武之地了，小节点开心的快要跳上楼顶了；与此同时阿爸又教了小节点一套腿法叫做无形文本节点createTextNode腿，同样这套腿法也是通过默念阿爸的名字来发功。很晚了，小节点睡觉了，只剩阿爸一个人默默的抽着烟向外走去，它的背影很像你爸爸送你上学叫你别走动去给你买橘子的背影。

安静的过了一个夜晚之后，第二天小节点发现了一个大问题，它把昨天阿爸教他的两个功法发动了但是却不知道怎么样打向敌人，所以小节点现在又趴在了阿爸房间的窗台上等待阿爸醒来。两刻钟过去之后终于听到阿爸说：‘什么事？’；小节点说明原因之后，阿爸笑着说：‘跟我来吧’。

今天的小节点学会了将无形元素节点createElement掌和无形文本节点createTextNode腿打出去的技能，按照刚才阿爸所说，如果想要把功法打到敌人后面就默念阿爸的名字并appendChild(凝聚的内力)即可，嘣的一声，小节点成功了；小节点高兴的说，那我要是想打敌人的前面呢？阿爸缓过脚步说到：‘别急’，阿爸对着小节点的耳朵默念了几句，小节点脸上露出了开心的面容。接着小节点用阿爸的方法同样默念阿爸的名字的同时再insertBefore(凝聚的内力，要打的敌人)，随着Bigbang的一声，小节点都被吓到了；今天小节点就一直在练习阿爸教他的两套武功，到了很晚才入睡。

恶霸

在这里插入图片描述

不知过了多久，就在这天小节点一个人在外面游玩，走着走着发现小节点后面跟了好多人，小节点才知道不妙，一定是因为自己穿着打扮过于时尚，所以招来这串该溜子；

带头的是一个叫做childNodes的邻村恶霸，这个人身上全是烂毛病什么鬼都会在它身上，相反它的哥哥就好很多，它的哥哥children身上只有自己的亲儿子，一生为人光明磊落，做自己应该做的事情，不会跟着其他的一系列流氓，在它的家族里面本来没有它的哥哥，但是它的哥哥权利却比他的大很多，虽说是私生子，但是将来继承家业的大有可能children。

为首的是childNode，还有firstChild，还有lastChild：firstElementChild：lastElementChild：nextSibling：previousSibling：nextElementSibling：previousElementSibling：它们露出了它们那如豺狼般的邪恶的笑容，似乎是在告诉小节点，你今天跑不了了。childNode叫了一声：‘围起来，’。它们都以为小节点是很好欺负的，可是当小节点发功的那一刻，它们意识到了。经过了好一会的战斗，小节点把其他的小赤佬都打到了，可是它的内力也是消耗得差不多了，就在这千钧一发之际，小节点发动了无形元素节点createElement掌，将这个恶霸击倒在地，恶霸口吐鲜血，四肢抽搐，头冒青烟，这时候它才知道小节点不是好惹的。

被带走

在这里插入图片描述

不一会儿，警察到了，发现恶霸不只是受了一点伤，还中毒了；就这样，所有的人包括小节点都被请到了警察局，小节点拿出了自己的attributes：手机，找到了它阿爸的电话parentNode：给它阿爸拨通了电话。不到十分钟，document就到了。document说到：‘我教给你的掌法和腿法都是有毒了，当时我并没有给你说明，我是希望你这一生都不会用上！’。

解毒

在这里插入图片描述

解玲还需寄铃人。如果你不想动手也可以让他们自己解毒，你让他们默念它们自己的名字并发动remove(空气)就可以解毒了。

小节点，你也不用过于担心，为父交给你的只是防身技能而已，就算是你不给它们解毒，它们这些杂碎回到自己的家族，它们的父亲也会给他们解毒的，它们的父亲通过removeChild(你之前凝聚的内力)就可以给他们解毒了，不仅如此它们的父亲还可以通过replaceChild(它们的家族新内力，你之前输入的内力)。保释之后小节点和阿爸回到了家中。