document.getElementById(' ') | id获取标签 | 返回的是元素对象 | ||
document.getElementsByName(' ') | ||||
submit | 表单的沙波b特事件 | |||
document.querySelector | ||||
:checked | 获取选中的选框 | |||
(获取的单选框).checked | 单选框的选中情况 | |||
对象.classList.add('增加的样式') | 增加样式 | |||
对象.classList.remove('删除的样式') | 删除样式 | |||
.checked | 表单的选中情况 | |||
对象.classList.toggle('切换的样式') | 切换样式 | |||
对象.addEventListener('click',function(){ }) | 注册事件 | |||
mouseleave | 鼠标移出事件 | |||
mouseenter | 鼠标移入事件 | |||
tx.setAttribute('placeholder', '请输入'); | 修改样式 | |||
.parentNode | 的父节点 | |||
.children | 的子节点 | |||
.firstElementChild | 的第一个子节点 | |||
.createElement('') | 创建一个元素节点 | let lili = document.createElement('li') | ||
爸爸.appendChild(儿子); | 添加到元素的后面 | |||
爸爸.insertBefore(添加的元素,爸爸哪一个元素) | 添加到指定元素前面 | |||
爸爸.removeChild(添加的元素,爸爸哪一个元素) | 删除元素 | |||
要克隆谁.cloneNode() | 创立一个克隆的元素 | ()里是false就是浅拷贝,是true就是深拷贝 | ||
this. | 这个元素 | |||
mouseenter | 鼠标放置事件 | mouseover | 会有冒泡效果 | |
mouseleave | 鼠标离开事件 | mouseout | ||
keydown | 键盘按下事件 | e.key 键盘输入的数值 | 点击时在光标dom的位置 console.log(e.offsetX);点击时在光标浏览器的位置console.log(e.clientX);e.type判断执行的是什么事件 | |
keyup | 键盘抬起事件 | |||
e.stopPropagation() | 阻止事件冒泡 | e为事件函数的形参 | ||
e.target.tagName | 获得触发事件的元素 | |||
data-xxx=" " | 设置自定义属性 | |||
dox属性.dataset.xxx | 获取自定义属性 | e.target.dataset.id | ||
dayjs().format('YYYY-MM-DD HH:mm:ss') | 日期和时间 | |||
.scroll | 滚动事件 | |||
document.documentElement.scrollTop | 获取滚动的距离 | |||
.offsetTop | 盒子离页面的距离 | |||
.offsetLeft | ||||
box.clientWidth | 不含边框盒子的宽 | |||
box.offsetWidth | 含边框盒子的宽 | |||
trim() | 去除空格 | |||
.map(function (item, index){ }) | 加工数组 | |||
.join(' ') | 数组变字符串 | ()里面没放东西用,拼接 | ||
confirm('确定删除嘛') | 弹出选择框 |
Webapi常用单词方法
最新推荐文章于 2024-07-20 23:54:17 发布