DOM——创建节点及节点属性与内部插入append()和appendTo()

创建节点及节点属性与内部插入append()和appendTo()

1 创建流程

创建节点（常见的元素、属性和文本）

添加节点的一些属性

加入到文档中

2 流程中涉及的方法

创建元素document,creat

设置属性setAttrilbute

添加文本innerHTML

加入文档appendChild

3 创建节点时注意：每一个元素节点都必须单独创建，节点是属性需要单独设置，而且设置的接口不是很统一，添加到指定的元素位置不灵活，浏览器兼容问题处理

4 创建元素节点常见的是直接把这个节点的结构通过HTML标记字符串描述出来，通过$()函数处理$("html结构")如$("<div><div>")

5 创建为本节点与创建元素节点类似，可以直接把文本内容一并描述，如$("<div>我是文本节点</div>")

6 创建为属性节点与创建元素节点同样的方式，如$("<div id='test' class='aaron'>我是文本节点</div>")

7 append这个操作与对指定的元素执行原生的appendChild方法，将它们添加到文档中的情况类似

8 appendTo使用这个方法颠倒了常规的$(A).append(B)的操作，既不是把B追加到A中，而是把A追加到B中

9 append()和appendTo()的操作方法

append(content)向每个匹配的元素内部追加内容

appendTo(content)把所有匹配的元素追加到另一个指定的元素集合中

10 .append()和.appendTo()两种方法功能相同，主要的不同是语法、内容和目标的位置不同

11 .append()前面是被插入的对象，后面是要在对向内插入的元素内容

12 .appendTo()前面是要被插入的元素内容，而后面是被插入的对象

13 .append()和.appendTo()都是在被选元素的结尾（仍然在内部）插入指定内容

本文转自拉考的考拉 51CTO博客，原文链接:http://blog.51cto.com/lakaodekaola/1982890

DOM——创建节点及节点属性与内部插入append()和appendTo()相关推荐

JS DOM创建和添加元素节点
JS DOM创建和添加元素节点文章目录 JS DOM创建和添加元素节点第一种: createElement() + createTextNode() + appdChild() 第二种: inne ...
java dom 创建结点 setattribute_设置属性节点（setAttribute()）
setAttribute():方法将为给定元素节点添加一个新的属性值或是改变它的现有属性值: element.setAttribute(attriibuteName,attributeValue); ...
前端：JS/25/DOM官方定义，DOM分类，HTML节点树（节点关系，节点类型，），核心DOM中公共的属性和方法（节点访问，查找DOM节点，节点属性，节点的创建，追加和删除）
DOM官方定义 DOM,Document Object Model,文档对象模型,我们可以把网页中的所有"东西"看成是对象": DOM的官方定义:DOM可以使用脚本,动态 ...
第十二讲 dom对象（DOM对象、document对象的常用方法、节点、查找结点、查看/修改/删除属性节点、创建和增加节点）
一.查看节点 getElementById( ) 元素的ID名称来访问,返回对拥有指定id的第一个对象的引用 getElementsByName( ) 按元素的name名称来访问,返回带有指定名称的 ...
DOM-4 【utils/待讲评】节点创建删除、元素属性设置获取、节点属性
讲评节点创建 Document.prototype ← document.createElement('div') document.createTextNode('xxx') // 创建文本节点 ...
DOM节点类型及其属性和方法
目录一.DOM介绍二.DOM节点 1.节点层级 2.节点类型 3.节点树三.节点类型的属性和方法 1.Node类型 1.1 属性 nodeType nodeName nodeValue text ...
文档对象模型DOM（获取元素节点、设置节点属性）
练习题: 制作一个表格,显示班级的学生信息. 要求: 1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2,移开鼠标时则恢复为原背景色 #fff 2. 点击添加按钮,能动态在最后添加一行 3. 点 ...
属性元素的内容创建，插入和删除节点虚拟节点
属性 html元素由一个标签和一组称为属性的名/值对组成. HTML 表示HTML文档元素的HTMLElement对象定义了读/写属性.映射了元素的HTML属性.HTMLElement定义了通用的HT ...
js第7章DOM案例：获取操作的元素、元素内容操作、元素属性操作、classList的使用、获取节点、节点追加、删除节点和节点属性
目录 1.获取操作的元素 document对象的方法 document对象的属性 Element对象的方法和属性 2. 元素内容操作 3.元素属性操作 4.classList的使用 5. 获取节点 6 ...

DOM——创建节点及节点属性与内部插入append()和appendTo()

DOM——创建节点及节点属性与内部插入append()和appendTo()相关推荐

最新文章

热门文章