DOM
关注
分享
扫一扫
苏喂苏喂苏喂su
这个作者很懒，什么都没留下…
展开
-
offsetLeft和offsetTop
offsetLeft获取自身左边框到定位的父级元素的左边框的距离offsetTop获取自上左边框到定位的父级元素的上边框的距离注意：需要父元素设置为：position：relative；时，才可以获取到这两个值...原创 2019-12-17 11:08:59 · 177 阅读 · 0 评论 -
js添加className
let img = document.createElement('img')img.className = 'animation'原创 2019-12-17 10:57:49 · 695 阅读 · 0 评论 -
创建一个超简单的虚拟DOM实例
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>创建一个超简单的虚拟DOM实例</title></head><body><script>function Element({tagName, props, c...原创 2019-06-27 15:54:07 · 1555 阅读 · 0 评论 -
使用原生js为动态创建的dom元素绑定事件
为动态创建的dom元素绑定事件直接上代码吧，也很简单。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...原创 2019-06-27 23:02:27 · 6508 阅读 · 1 评论 -
js使原元素获取焦点以及移除焦点的方法
一、获取焦点：document.getElementById('test').focus()二、移除焦点：document.getElementById('test').blur();原创 2019-06-11 10:26:43 · 23533 阅读 · 0 评论 -
原生js常用操作dom总结
美好的周末居然没有出去溜达～～～ 那就对上半年使用原生js开发项目时常用的操作DOM方法做个总结、记录DOM，我们可以理解为JavaScript访问、操作（新增元素、删除元素、修改元素、）HTML的一个接口。常用的DOM方法有：1、getElementById(id)，参数是string，获取带有制定id的元素；2、appendChild(node)，参数是对象，插入新的子节点；...原创 2019-01-12 23:11:16 · 474 阅读 · 0 评论 -
如何解决input type="file"在IE11里无法获取文件的type属性
input type为file时，在IE浏览器上无法获取到type属性解决方案：利用name属性获取，因为name属性中包含了文件的名称和文件类型后缀，如下图：首先需要获取到name值let file = e.files[0];let fileName = file.name;这时候获取到的是一个字符串，所以可以使用字符串方法：split将字符串转换为数组，如下：...原创 2019-06-14 15:06:30 · 2831 阅读 · 0 评论 -
js如何让一个元素触发click点击事件
很简单，就一行代码。如下：<div id="div"></div>let div = document.getElementById("div");div.click();重点是：click()，调用该方法时，相应的DOM元素就会执行点击事件。...原创 2019-06-13 15:55:59 · 86085 阅读 · 5 评论 -
div设置为可获取焦点并且判断是否已获取焦点的方法
1、div如何获取焦点？一言不合上代码<div id="div1" contenteditable="true"></div>给div添加contenteditable属性就可以了，值为true。2、如何检测div是否已经获取焦点？使用document.activeElement方法，该方法返回当前获得焦点的元素，此时给元素一个id，再判断获得的元...原创 2019-05-27 14:01:27 · 4945 阅读 · 0 评论 -
js获取鼠标点击时的位置（坐标）
可以利用全局对象event，里面包含了鼠标的坐标信息，获取方法如下：1、相对于屏幕而言的坐标：let x = event.screenX;let y = event.screenY;2、相对于浏览器而言的坐标：let x = event.clientX;let y = event.clientY;...原创 2019-05-27 11:08:45 · 8731 阅读 · 0 评论 -
js返回上一个页面而不刷新页面
go() 方法语法：history.go(number|URL)可加载历史列表中的某个具体的页面；参数可以是数字，使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。（-1上一个页面，1前进一个页面)。或一个字符串，字符串必须是局部或完整的URL<!DOCTYPE html><html><head><met...原创 2019-05-17 17:11:38 · 5875 阅读 · 0 评论