快速了解JavaScript的DOM模型( 八 ) _DOM模型

一旦将节点添加到文档树中，浏览器就会立即呈现。
一旦使用appendChild()等方法插入相邻的同胞文本节点时，会导致相邻文本节点混乱。
而在一个包含两个或多个文本节点的父元素上调用normalize()方法，就会将所有文本节点合并成一个节点。
var element = document.createElement("div");element.className = "message";var textNode1 = document.createTextNode("Hello, ");element.appendChild(textNode1);var textNode2 = document.createTextNode("Pandora!");element.appendChild(textNode2);document.body.appendChild(element);console.log(element.childNodes.length);// 2element.normalize();console.log(element.childNodes.length);// 1console.log(element.firstChild.nodeValue);// "Hello, Pandora!"浏览器在解析文档时永远不会创建相邻的文本节点。这种情况只会作为执行DOM操作的结果出现。
还有一个与normalize()相反的方法splitText(offset)：将一个文本节点分成两个文本节点。
var element = document.createElement("div");element.className = "message";var textNode = document.createTextNode("Hello, Pandora!");element.appendChild(textNode);document.body.appendChild(element);var newNode = element.firstChild.splitText(6);console.log(element.firstChild.nodeValue);// "Hello,"console.log(newNode.nodeValue);// " Pandora!"console.log(element.childNodes.length);// 2

快速了解JavaScript的DOM模型( 八 )

推荐阅读

83号美系性能控|比大多数同价位下的国产车都要强，接近五万优惠的别克英朗

犯罪|私占共享单车？违法！14名违法行为人被长航警方处罚

物种|我国已发现660多种外来入侵物种：对生态系统危害极大

「娱乐圈星扒爷」近照小腹赘肉明显疑已怀孕，张大奕人设崩塌？被正室手撕破坏家庭

社交|十一国庆过后，秋招Java岗，陆续收到字节/招银等offer

油性皮肤打粉底应该用粉底液，湿粉还是干粉

角色|三百块的游戏赚不过免费的手游？手游是怎么赚空我们的钱包的？

梦黑暗吉凶梦见黑暗什么意思

大表姐的穿衣经|邢菲清纯的穿搭风格惹人爱，穿碎花娃娃领裙子，像极了一个小公主

我是那水还是鱼|对待爱情很认真，从不轻易许诺，十二生肖中这4大生肖男

过度保护儿童有什么影响

法制|牛是谁的说不清！贵州一法院给牛做“亲子鉴定”

20岁了有什么办法可以长高,20岁了还能长高么20岁怎么长高-

破壁机底糊了拿什么处理好破壁机底部糊了还能用吗

春运返程拦路虎！北方11省份今明有大面积降雪　南方阴雨一直下

李湘|李湘称体重太会缺斤少两，节目录制过半才瘦两斤，纯粹来炫富？

cad如何按比例放大字体，cad要如何才可以更改字体的大小

『华为mate』麒麟1020+全新工业外观设计，华为Mate40无可反驳的强悍

中国最漂亮火车站：花费140亿，历时5年才建好，获得多项建筑大奖

龟苓膏|网友评出“最难吃”的4种食物，若你全都吃过，我喊你声“大佬”