HTML DOM 节点 在 HTML DOM (Document Object Model) 中, 每个东西都是 节点 : 文档本身就是一个文档对象 所有 HTML 元素都是元素节点 所有 HTML 属性都是属性节点 插入到 HTML 元素文本是文本节点 注释是注释节点 hello和yes是文本节点 ...
分类:
编程语言 时间:
2018-11-03 14:06:10
阅读次数:
103
document代表的是整个文档(对于一个网页来说包括整个网页结构); document.documentElement是整个文档节点树的根节点,在网页中即html标签; document.body是整个文档DOM节点树里的body节点,网页中即为body标签元素。 scrollTop: var s ...
分类:
其他好文 时间:
2018-10-31 13:50:50
阅读次数:
165
dom基础认识 1.dom节点 1)children,获取的是所有的孩子节点,获取的是数组 2)parentNode,获取的是父节点,获取的是对象 2.dom操作方法 1)appendChild(),把节点添加到父节点后面,添加的节点是排在最后 2)insertBefore(),把节点添加到父节点的 ...
分类:
Web程序 时间:
2018-10-25 22:40:41
阅读次数:
216
html代码: 新增标签(document.createElement(标签)) 删除标签 修改/替换 标签(replaceChild(新标签,旧标签)) classname 属性操作 ...
分类:
编程语言 时间:
2018-10-24 19:52:40
阅读次数:
187
DOM:DOM定义了访问HTML 和XML 文档的标准:1.核心DOM 针对结构化文档的标准模型2.XMK DOM 针对XML文档的标准模型3.HTML DOM 针对HTML文档的标准模型DOM节点:整个文档是一个文档节点(document对象)每个html元素是元素节点(element对象)htm... ...
分类:
编程语言 时间:
2018-10-23 21:19:57
阅读次数:
190
本文主要记录如何使用 实现对图形的拖拽,选择,图像渲染及各类形状的绘制操作。 1、关于SVG 是可缩放的矢量图形,使用XML格式定义图像,可以生成 对应的DOM节点,便于对单个图形进行交互操作 。比 更加灵活一点。关于SVG的基础知识,请参考 "SVG学习地址" 。 2、SVG.js 今天要说的主角 ...
分类:
Web程序 时间:
2018-10-21 19:34:20
阅读次数:
481
早一段时间一直没有理解sort的用法,在早几天终于是研究的明白的,所以就来分享一下,如果你也被这个方法困扰,没懂原理,可以看一下这遍文章,希望有所帮助。 第一种,最简单的排序,纯数字排序: var arr=[1,3,5,8,6,4,3]; arr.sort(function(a,b){ return ...
分类:
其他好文 时间:
2018-10-15 14:34:42
阅读次数:
128
1.浏览器的渲染引擎工作原理: (1)解析HTML,生成DOM树。解析HTML文档,转换树中的html标签或js生成的标签到DOM节点,它被称为 -- 内容树。 (2)构建渲染树,解析Style,生成Style Rules,解析CSS(包括外部CSS文件和样式元素以及js生成的样式),根据CSS选择 ...
分类:
其他好文 时间:
2018-10-02 14:12:46
阅读次数:
233
学习要点: 1.创建节点 2.插入节点 3.包裹节点 4.节点操作 DOM 中有一个非常重要的功能,就是节点模型,也就是 DOM 中的“M”。页面中的元素结构就是通过这种节点模型来互相对应着的,通过这些节点关系,可以创建、插入、替换、克隆、删除等等一些列的元素操作。 一.创建节点 为了使页面更加智能 ...
分类:
Web程序 时间:
2018-09-28 11:12:03
阅读次数:
189
节点操作 在某个子节点的前面插入父节点.insertBefore("新来的","旧节点") js中只有insertBefore() 没有insertAfter自定义函数实现insertAfter的功能 删除节点 1.创建元素节点 document.createElement(标签名) 2.添加到父节 ...
分类:
Web程序 时间:
2018-09-25 18:31:28
阅读次数:
154