
DOM
小梦新靓
这个作者很懒,什么都没留下…
展开
-
DOM操作动态创建删除元素
文章目录一、创建节点1.1、createElement创建1.2、document.write()1.3、element.innerHTML=‘’1.4、性能二、插入节点2.1、最后插入appendChild2.2、参考前插入一个节点insertBefore2.3、强调三、删除节点removeChild四、复制节点(克隆节点)4.1、直接获取4.2、替换节点replaceChild(新的节点,旧的节点)五、设置节点的属性5.1、获取节点属性5.2 用方法二、getAttribute()5.3、设置属性5.4原创 2020-12-17 14:05:09 · 1119 阅读 · 0 评论 -
DOM的动态创建和删除元素
文章目录一、创建节点1.1、createElement创建1.2、document.write()1.3、element.innerHTML=‘’二、插入节点2.1、最后插入appendChild2.2、参考前插入一个节点insertBefore2.3、强调三、删除节点removeChild四、复制节点(克隆节点)4.1、直接获取五、设置节点的属性5.1、获取节点属性5.2 用方法二、getAttribute()5.3、设置属性5.4、总结一、创建节点1.1、createElement创建(1)在内原创 2020-12-17 12:17:33 · 886 阅读 · 0 评论 -
DOM属性和样式的操作
文章目录一、innerHTML和innerText二、nodeType属性:节点类型三、nodeType,nodeName,nodeValue四、文档加载五、行内样式设置六、读取元素的样式七、style属性的注意事项八、style的常用属性九、例子9.1、改变div的大小和透明度9.2、当前输入的文本框高亮显示9.3、高级隔行变色,高亮显示十、通过js获取当前显示的样式一、innerHTML和innerText节点.innerHTML:双闭合标签里面的内容(包含标签)节点. innerText:不包原创 2020-12-17 09:41:47 · 713 阅读 · 0 评论 -
DOM操作来注册事件以及事件概念
文章目录一、事件简介二、事件的三要素三、步骤四、常用事件五、步骤详解5.1、获取事件源的方法(DOM节点的获取)5.2、绑定事件的方式5.3、事件驱动程序5.3.1、obload事件六、例子一、事件简介事件:就是文档或浏览器窗口中发生的一些特定的交互瞬间。对于 Web 应用来说,有下面这些代表性的事件:点击某个元素、将鼠标移动至某个元素上方、关闭弹窗等等。二、事件的三要素事件源 事件 事件驱动程序例如:比如,我用手去按开关,灯亮了。这件事情里,事件源是:手。事件是:按开关。事件驱动程序是:原创 2020-12-17 09:28:00 · 404 阅读 · 0 评论 -
DOM中的节点获取方法总结
文章目录一、元素节点的获取二、DOM访问关系的获取2.1、获取父节点节点.pareNode(获取的式元素节点)2.2、获取兄弟节点2.2.1、.nextElementSibling || 节点.nextSibiling2.2.2获取前一个节点 previousSibiling/ 前一个元素节点previousElementSibiling2.2.3、获取任意一个兄弟节点.parentNode.children[index]2.3、获取单个的子节点2.3.1、第一个子节点firstChild | 第一个原创 2020-12-17 09:23:20 · 5128 阅读 · 0 评论