当前位置:首页 > 生活百科

js清空div中的内容(js删除div中的元素)

栏目:生活百科日期:2025-02-13浏览:0

文档对象模型(Document Object Model,DOM)是一种抽象化表示网页的方法,文档是以树形结构表示的。

Document节点分为父节点(parentNode)、子节点(childNode)、兄弟节点(siblingNode)等。

BOM(浏览器对象模型)因为没有一个标准来定义浏览器的功能,所以不同的浏览器有不同的属性和方法。DOM则不然,有专门定义HTML(或XML)页面中的对象应该如何表示的标准。开发人员可以使用DOM操作或查找网页中的某项内容,尤其是表单、图片、定位元素。

1 查询或访问的方法

当HTML文档加载完成后,浏览器将会将其表示成树形结构,页面上的所有元素都是对象树中的对象。如JS在处理表单时,会根据其在文档中出现的次序为所有表单创建一个数组。document.forms[0]用来表示第一个表单。同样,页面上所有的图片、链接和锚点都会以其名字存储在数组中,例如document.images、document.links、document.anchors[]等。

1.1 数组通过名字或索引

如文档中有一个表单,名字是form1,那么就可以通过它的名字来访问它,即document.forms[&“form1&”],也可以使用索引值来访问它,即document.forms[n].

1.2 通过document方法的name属性

document.getElementByTagName();

1.3 通过document方法的ID属性

document.getElementById();

2 DOM的修改

window.onload=function(){

var pObj = document.getElementById(&“ptest&”);

pObj.innerHTML = &“Inserting new text in the p container!&”;

}

3 DOM的追加

window.onload=function(){

var para = document.createElement(&“p&”);

var pObj = document.getElementById(&“ptest&”);

pObj.appendChild(para);

var txt = document.createTextNode(&“Hope this work!&”);

para.appendChild(txt);

}

4 DOM节点的插入

document.body.insertbefore(newPara, firstPara);

5 为DOM节点创建属性

var headings = document.getElementsByTagName(&“h4&”);

headings[0].setAttribute(&“id&”, &“firsth4&”);

6 DOM的复制

newPara = oldPara.cloneNode(true);

7 DOM的删除

parentp1.removeChild(p2);

补充:

document.write()方法

可以写入全部的文档代码,包括HTML、CSS乃至JS。

“js清空div中的内容(js删除div中的元素)” 的相关文章

华为手机指南针怎么看图解(华为手机指南针使用指南)

现在的智能手机,大多数都配备的有一个指南针功能。而且很多人在外出时可能都在经常使用,它可以给我们指出方向。那么,这个指南针到底准不准确呢,它的工作原理又是什么呢...

cad动态块怎么做(cad动态块的创建完整步骤)

在前面的文章里有介绍,当工作中制作的块不能满足实际要求时,且块的尺寸不是固定会经常变动时,可以用原来的块做成拉伸动态块,下面就介绍下拉伸动态块的制作方法。首先准...

人体工学鼠标好用吗(日常办公必备的3款鼠标)

说到办公鼠标,相信很多人的第一反应就是价格便宜、能用就行,但很多公司配置的办公鼠标手感极差,平均每天工作七八个小时,这样的鼠标用久了容易出现疲惫肌肉酸痛的情况,...

大学生创业项目有哪些,四个大学校园潜在的商机

大学生业余时间非常丰富,如何支配这些时间呢?有的人选择了上网玩游戏、有的人选择了谈一场刻骨铭心的爱恋,也有的人选择了创业。大学生成功创业挣钱的案例并不少,这给...

卡片式设计有什么好处,简述卡片式设计的优缺点

卡片式设计采用图像与文字说明相结合的方式将信息传达给受众,在有限的矩形空间中建立了无限的可能性。时至今日,卡片式设计已然不是一种设计趋势,而是一种设计潮流,其影...

uu加速器怎么加速网页游戏(免费外网加速器分享)

索尼次世代游戏主机PS5,已于11月12日正式发售,网易UU加速器已经第一时间适配次时代主机,帮助玩家们体验到最顶级的游戏享受。随着PS5正式发售,一些早早预定...

变焦比较高的手机(体视显微镜变倍比)

在经过多次预热之后,DXOMark终于公布了iPhone12Pro机型的拍照测试成绩。整体来看,iPhone12Pro相较以往任何一代iPhone均获得了很大的...

quickly的比较级和最高级形式分别是什么(揭晓其正确答

1、一般情况下,形容词(或副词)比较级+er,最高级+estclever-cleverer-cleverestfew-fewer-fewestsmall-sma...

团队凝聚力的重要性1000字,快速提高凝聚力的三个关键方

“众人拾柴火焰高”这句话相信大家都知道是什么意思,无论在什么时候团队的力量永远要比个人高很多,这个道理不仅适用于生活同样也适用于企业。在企业发展过程中,如果说员...

头条号怎么赚钱流程,头条号新手运营收益

我加入头条快一个月了,有了小小的收益。到如今还有人问今日头条号真的能赚钱吗?能赚多少钱!其实这个是不用怀疑的,今天就总结一下今日头条赚钱的经验方法,好好学习吧!...