dom
圈点Studio
一二、一二
展开
-
回车添加删除标签
今天借用几分钟,写了一个回车添加标签、删除标签、标签获取的js,大家可以随意使用啊!!! html: <div id=""> <div id="tagsContainer"> <input type="text" id="tagIn" size="8" maxlength="15" placeholder="输入标签回车"/> </div> </div> css: <style type="text/css"&g原创 2021-05-13 15:05:04 · 369 阅读 · 1 评论 -
关闭input标签自动补全
HTML <input>autocomplete属性 查一下这个属性就可以 我们很多人都没学过这个属性原创 2021-03-08 17:40:22 · 210 阅读 · 0 评论 -
css脱离文档流html元素位置控制
举个简单的例子,脱离文档流就相比,我们上学时将户口迁移到学校了,家乡没有留我们的户口和位置了,没有脱离文档流就相当于,我们虽然走了,但是我们的户口和位置还在原来的户籍所在地。 html页类似,没有脱离文档流是,元素会按原来的块级元素、行内元素来进行排列划分。脱离文档流后,脱离元素的排列就不受原来的划分规则制约。 脱离文档流通常会伴随元素位置定位而出现。 这里我们先了解一下脱离文档流 后面再说说元素定位 这样就可以一起理解,交叉使用了。 1.脱离文档流 01.float,float设置...原创 2020-12-27 16:17:49 · 635 阅读 · 0 评论 -
【最形象图解】JS冒泡事件原理、应用、避免
我刚开始知道冒泡是在onmouseout和onmouseleave时。 一个支持冒泡一个不支持冒泡。 1.我们先来看看这两个事件的区别。 2.在谈谈“冒泡”是咋回事? 3.冒泡的应用 4.冒泡的禁用 冒泡是关于父级和子级的关系,那我们就直接来建立一个父级div和和一个子级div。 然后给父级分别做onmouseout和onmouseleave事件。 我们从外将鼠标经过父级移动到子级,在从子级经过父级移出。 就可以看到两者的区别了。 <head> <me.原创 2020-12-11 17:29:25 · 447 阅读 · 0 评论 -
【图解】获取DOM节点的常用方法
总结了一下dom节点的常用方法,基本涵盖了平时会用到的节点获取方法。(因为还有很多方法,为了图解清晰暂且例举这些) 希望对大家有帮助! 同时我提供了一条练习路径,可以看我下一条blog。 ...原创 2020-12-11 13:34:53 · 323 阅读 · 0 评论 -
.remove()未定义
var u_l=document.getElementsByTagName("ul"); var oimg=document.getElementsByTagName("img"); oimg.remove(); u_l.remove(); //VM406:3 Uncaught TypeError: oimg.remove is not a function var u_l=document.getElementsByTagName("ul"); var oimg=document.getElement.原创 2020-12-10 19:50:39 · 564 阅读 · 0 评论 -
获取DOM节点前/后的兄弟节点和子集节点
Element.nextElementSibling //返回当前元素节点的下一个兄弟HTML元素节点 Element.previousElementSibling //返回当前元素节点的前一个兄弟HTML节点 var jiedian01=document.getElementById("aoli"); var jiedian00=jiedian01.previousSibling; var jiedian02=jiedian01.nextSibling; console.log(jiedian01)原创 2020-12-10 17:59:06 · 1081 阅读 · 1 评论 -
bom和dom就看这张图
只是简单的梳理了一下节点和逻辑,需要具体的属性还需要单个查询和学习原创 2020-12-10 12:44:54 · 276 阅读 · 0 评论