本篇目录：
- 1、DOM常见的操作方式有哪些?
- 2、JS之DOM操作
- 3、React方向:react中5种Dom的操作方式
- 4、创建和删除DOM元素
- 5、html生成DOM方法
- 6、怎样在cass或者CAD中批量插入DOM
DOM常见的操作方式有哪些?
1、Element类型 Element提供了对元素标签名，子节点和特性的访问，我们常用HTML元素比如div，span，a等标签就是element中的一种。
2、DOM树的节点 DOM节点分为三大类： 元素节点(标签节点)、属性节点和文本节点。属性节点和文本节点都属于元素节点的子节点。 因此操作时，需先选中元素节点，再修改属性和文本。
3、通过 document.querySelector(#title) 原生js的方式去拿到dom节点，然后去进行操作。
4、节点操作的api（属性和方法） nodeName：只读属性，可以读取节点名称 nodeType：只读属性，读取节点类型 hasChildNodes()：判断调用方法的节点是否存在子节点，存在返回true，不存在返回false。
5、DOM常用操作 查找节点 新建节点 添加节点 删除节点 修改节点 我们用到最多的是element类型，用于表现HTML元素，提供了对元素标签名、子节点及特性的访问。
JS之DOM操作
js dom dom操作用的多吗 DOM节点（Node）通常对应于一个标签，一个文字，或者一个HTML属性。
今天这篇文章就先简单的带大家入一下JS中DOM操作的门吧！DOM树的节点 DOM节点分为三大类： 元素节点(标签节点)、属性节点和文本节点。属性节点和文本节点都属于元素节点的子节点。
DOM常用操作 查找节点 新建节点 添加节点 删除节点 修改节点 我们用到最多的是element类型，用于表现HTML元素，提供了对元素标签名、子节点及特性的访问。
在讲解操作DOM的api之前，首先我们来复习一下一些基本概念，这些概念是掌握api的关键，必须理解它们。Node类型 DOM1级定义了一个Node接口，该接口由DOM中所有节点类型实现。这个Node接口在JS中是作为Node类型实现的。
React方向:react中5种Dom的操作方式
1、React 将在组件挂载时，会调用 ref 回调函数并传入 DOM 元素，当卸载时调用它并传入 null。在 componentDidMount 或 componentDidUpdate 触发前，React 会保证 refs 一定是最新的。
2、我们学到的第一个react函数是render 方法，他的函数签名是这样的：ReactComponent render( ReactElement element， DOMElement container， [function callback])通常情况下我们使用该方法将整个应用渲染到一个DOM节点中。
3、react中获取dom有以下提供三种方法：react原生函数findDOMNode获取dom 通过ref来定位一个组件，切记ref要全局唯一（类似id）ref Callback 属性 React支持一种非常特殊的属性，你可以附加到任何的组件上。
4、React提供的获取DOM元素的方法有两种，一是react-dom中的findDOMNode()，二是refs。findDOMNode通常用于React组件的引用，其语法如下：当组件被渲染到DOM中后，findDOMNode会返回该组件实例对应的DOM节点。
5、React的Diff算法：在调用setState方法改变state中的数据状态时，会产生虚拟DOM，为了页面更新提升性能当前的虚拟DOM与旧虚拟DOM发生比较，此时使用了Diff算法。
6、React中通过使用Virtual DOM机制来避免手动操作DOM，提高代码性能。Virtual DOM是在内存中创建的一个抽象的虚拟DOM树，用来描述页面的结构和内容，与真实的DOM树相对应。
创建和删除DOM元素
添加： 可以使用JavaScript中的document.createElement()方法来创建新的元素，然后使用appendChild()或者insertBefore()方法将其添加到页面中。
使用DOM编程，可以对节点对象实现以下操作：创建节点：使用createElement()方法创建一个新的元素节点。添加节点：使用appendChild()方法将一个节点添加为另一个节点的子节点。
removeChild()：节点删除它的指定子节点 DOM操作元素：暂时不用的隐藏、一定不用的删除。
这段代码创建新的 元素：var para=document.createElement(p)；如需向 元素添加文本，您必须首先创建文本节点。这段代码创建了一个文本节点：var node=document.createTextNode(这是一个新段落。
文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。
html生成DOM方法
注意 ：方法 ① ② 相当于在当前 window.document 上 createElement ，创建的 div 是要被浏览器遍历的，而方法 ③④ 是新创建一个 document 与浏览器里的不是一个，和浏览器没关系，浏览器也不会遍历。
方法是我们可以在节点（HTML 元素）上执行的动作。一些常用的 HTML DOM 方法：一些常用的 HTML DOM 属性：属性是节点（HTML 元素）的值，您能够获取或设置。
)DOM 解析器输出的树是由DOM元素和属性节点组成的。DOM的全称为：Document Object Model。它是HTML文档的对象化描述，也是HTML元素与外界（如Javascript）的接口。
运用.NET Framework类来解析HTML文件、读取数据并不是最容易的。
怎样在cass或者CAD中批量插入DOM
自CASS等测绘数据采集软件问世以来，DLG的生产效率和质量都得到了很大提高，部分软件亦可同时生产DRG、DEM产品。
首先我们在cass中准备好分幅图框并命名，打开cass，在上方工具栏--绘图处理--批量分幅-建立格网，输入自己所要求的比例尺，然后图幅尺寸选择50*50（默认）。
CASS0中，支持批量插入影像。点击菜单“数据-加载大影像”即可。打开CASS，输入命令“APPLOAD”，在加载/卸载应用程序界面，选择相应插件，然后点击加载。当界面左下角显示已成功加载插件时，就可以去导入影像了。
cass的“工具”菜单下，“插入光栅”，“插入图像”，选择多个影像图即可。点击菜单“数据-加载大影像”，批量选择要插入的图片，进行插入。你可以使用【插入】命令。在【工具】下【插入图块】，浏览到你要插入的图形。
在命令栏输入‘L’画几段线。接着在命令栏输入‘PE’命令，选择多条，输入‘M’。选择刚才画的线段，确认。接下里会提示：是否将直线和圆弧转版换为多段线？接着模糊距离写为0，点击空白处。
可以批量填充符号。在cass中批量填充符号的方法是：首先选择需要填充符号的单元格区域，然后在主界面中找到填充符号的按钮，点击后选择需要填充的符号即可。
到此，以上就是小编对于批量创建vlan10 20 30的问题就介绍到这了，希望介绍的几点解答对大家有用，有任何问题和不懂的，欢迎各位老师在评论区讨论，给我留言。
微信扫一扫打赏
