querySelector

通过iframe中input元素的改变使页面中某个元素背景颜色改变

通过iframe中input元素的改变使页面中某个元素背景颜色改变functionhandleChange(event){window.parent.document.querySelector('div
无聊写写·2023-04-17 00:44

JavaScript第六天

定时器（两种）setTimeout()setInterval()setTimeout()炸弹定时器开启定时器image5s之后关闭广告setTimeout(function(){document.querySelector
wangylll·2023-04-16 23:19

JavaScript第六天

定时器（两种）setTimeout()setInterval()setTimeout()炸弹定时器开启定时器image5s之后关闭广告setTimeout(function(){document.querySelector
王希杰·2023-04-16 18:55

js 操作元素 className 多个值

代码一下：1，去掉值：document.querySelector("#tableftmenus").classList.remove("active");2，添加值document.querySelector
靓仔建·2023-04-16 16:31

js实现平滑滚动到指定位置

实现滚动条平滑滚动的方法scrollToCmtList(){//1.1返回文档在垂直方向已滚动的像素值constnow=window.scrollY//1.2目标位置（文章信息区域的高度）letdist=document.querySelector
蓝爱人·2023-04-16 15:23

全局变量不可用和立即执行函数

varparent=document.querySelector('#x')console.log(parent)//console.log
sxfshdf·2023-04-16 13:41

JavaScript中各种选择器的区别

document.getElementsByClassName()document.getElementsByName()document.getElementsByTagName()document.querySelector
OnTheRoad_ING·2023-04-16 01:05

手写实现节流防抖函数，仅需十行代码

举个例子，假如我们需要在用户输入时，根据用户的输入内容自动联想相关词汇进行搜索：constinput=document.querySelector
limengzhe·2023-04-15 13:44

DOM基础（基础操作元素修改内容和样式）

一、内容修改1.改变元素内容：inner.HTML可以不用事件直接修改内容//元素可以不用添加事件:刷新就会改变页面内容varp=document.querySelector("p");//可以直接使用
DF-vegan·2023-04-15 12:31

JavaScript动画原理

div{position:absolute;top:0;left:0;width:100px;height:100px;background-color:skyblue;}vardiv=document.querySelector
MDR_0820·2023-04-15 09:01

彩虹字

letangle=0;letp=document.querySelector('p');lettext=p.textContent.split('');letlen=text.length;letphaseJump
agatex·2023-04-15 07:04

滚动事件

width:200px;height:200px;background-color:#f00;overflow:auto;}img{vertical-align:top;}//添加滚动事件document.querySelector
椋椋夜色·2023-04-14 15:36

vue 导出、导入excel、文件、预览笔记

vue-office/docxdocx-preview--save2、使用1、页面table导出//导出excelexportExcel(){//1、页面table导出consttableDom=document.querySelector
开心就好1314520·2023-04-14 13:49

一个读秒倒计时的小案例

读秒设置Document计时开始开始functiondjs(callback){vars=''vartimer=nullvarbox=document.querySelector('#box')varhandle
陈年小萌新·2023-04-14 11:46

JavaScript 学习笔记（第四天）

1.2.1、getElementById1.2.2、getElementsByClassName1.2.3、getElementsByTagName1.2.4、getElementByName1.2.5、querySelector1.2.6
Sumlll_·2023-04-14 10:42

通过浏览器Console控制台修改网页视频播放速度

通过浏览器Console控制台修改网页视频播放速度1、实现原理1、实现原理修改网页中html标签的playbackRate属性，他的值默认为1，通过修改这个属性可以实现修改视频播放速度document.querySelector
hippoDocker·2023-04-14 04:14

使用事件委托提高性能

示例：//DOM元素01234//利用ul元素做事件委托document.querySelector('ul').addEventListener('click
后除·2023-04-14 01:58

js发送数据php接收并解析显示

>varbtn=document.querySelector("#btn");vardata1={a:1,b:2,c:3};data1.vison=navigator.appVersion;//navigator
pal97·2023-04-14 00:41

vue 弹窗可拖拽

v-dialogDrag:弹窗拖拽属性Vue.directive('dialogDrag',{bind(el,binding,vnode,oldVnode){constdialogHeaderEl=el.querySelector
Eaton_513f·2023-04-13 16:59

vue 获取节点 获取事件

$refs.dom)这样就可以获取节点了}点击事件点击事件document.querySelector('HTML标签').addEventListener('click',(ev)=>{第一个参数事件类型第二个参数可以是
为了_理想·2023-04-13 11:38

本节作业之5秒后自动关闭广告、倒计时、发送短信、5秒之后自动跳转页面、获取URL参数数据

45秒之后自动跳转页面5获取URL参数数据15秒后自动关闭广告5秒后自动关闭广告/*案例分析：1.核心思路：5秒后，就把这个广告隐藏起来2.用定时器setTimeout*/varad=document.querySelector
小王小王几点了·2023-04-13 06:33

给一个字符中的img标签添加图片预览功能，Vant组件、ref和querySelector两种方式实现

showImagePreview}from'vant';import{onMounted,ref}from"vue";//给一段文本字符串的htmlconstimageText=ref(``)//方式一querySelector
jjw_zyfx·2023-04-13 06:32

7.防抖节流函数代码详解

现在我们来详细的讲解防抖和节流简单，易理解的防抖详细讲解letipt=document.querySelector('input')lett=null//当你抬起键盘的时候，t有值了，这个时候定时器内的执行函数被清除
道长道长IOT·2023-04-13 04:07

【html字体放大布局不会受影响变形】

html页面不受字体放大影响我自己应用场景是：微信的关怀模式导致页面变形(function(){document.querySelector("body").style.webkitTextSizeAdjust
weixin_43250628·2023-04-12 22:31

Vue动态绑定class

    border:1pxsolidblack;    height:20px;    width:20px;   }更改样式functionchange(){   varapp=document.querySelector
进阶的菜熊·2023-04-12 10:00

ECharts数据可视化入门实践

varmyChart=echarts.init(document.querySelector('.box'))//第四步指定配置型和数据varoption={//设置图表的标题title:{text:'
缺月楼·2023-04-11 19:25

DOM属性系统

HTML属性分类操作Attribute属性getNamedItem（）获得属性removeNamedItem（）删除属性setNamedItem（）创建属性vardiv=document.querySelector
天空飘来·2023-04-11 14:09

查找节点、操作节点、删除节点

document.getElementsByName()获取类名或id名document.getElementsByTagName()获取标签名Ele.getElementsByClassName()获取类名Ele.querySelector
天空飘来·2023-04-11 14:08

在js中动态的判断复选框是否选中

html：js：//获取元素（不考虑兼容）varxuanze=document.querySelector(".xuanze");//判断复选框是否选中xuanze.onclick=function()
被神明喜欢‘·2023-04-11 11:02

querySelectorAll和querySelector用法

@阿乐今天敲代码没querySelectorAll和querySelector用法querySelector()方法返回文档中匹配指定CSS选择器的第一个元素,并且找到后就返回节点对象。
阿乐今天敲代码没·2023-04-11 06:54

JS事件

事件对象的作用：1.可以获得和哪个按键结合2.获得点击所在的位置3.获得点击所对应的标签varwrap=document.querySelector("#wrap");wrap.onclick=function
好奇的猫猫猫·2023-04-11 06:54

渲染十万条数据 浏览器不卡顿

constonce=20;//插入的数据需要的次数constloopCount=Math.ceil(total/once);//渲染的次数letcountRender=0;constul=document.querySelector
Augenstern___·2023-04-10 15:20

html如何做banner点击按钮下一张,banner.html

classBanner{constructor(){this.img=document.querySelectorAll("#banner.imgboxli");this.left=document.querySelector
瑜妩·2023-04-10 10:49

数据类型笔记

一、string（1）模板字符串：·允许换行varcontainer=document.querySelector(".container");container.innerHTML=``;支持嵌入变量
云囍·2023-04-10 06:36

querySlector 根据文字定位元素 点击元素

el.textContent==='IncludeEscrow').click();参考https://stackoverflow.com/questions/37098405/javascript-queryselector-find-div-by-inn
nongcunqq·2023-04-10 06:49

2023年最新前端面试题（JS相关1）

其他的移除类名下面对应的列表也是通过排他思想添加类名，其他的移除类名二、利用递归函数实现setTimeout模拟setInterval效果三、节流本质：连续触发事件，但是在n秒钟只执行一次方法一：constbox=document.querySelector
爱蹦哒的咸鱼·2023-04-10 00:44

echarts动画的使用

隐藏加载动画mCharts.hideLoading()image.png在ajax请求前显示加载动画，请求完成后隐藏加载动画echartsletmCharts=echarts.init(document.querySelector
Riyar·2023-04-09 09:23

Dom操作02

dom元素的操作查询domdocument.querySelector(选择器的名字)查询类名为box的元素document.body获取body元素直接获取body元素创建添加innerHTML：可以清空元素也可以在某个元素中添加
ZS_233·2023-04-09 03:32

关于html

先来一个例子:functionlog(...args){letoutput=document.querySelector('pre');output.textContent+=args.join('')
forks1990·2023-04-08 18:53

利用HTML和浏览器16倍速刷网课

利用HTML和浏览器16倍速刷网课直接打开浏览器选中视频输入代码运行即可/*先找到videoclass类别然后点击console输入代码并运行*/document.querySelector('video
网易独家音乐人Mike Zhou·2023-04-08 12:29

将EXCEL表格的数据转化为数组对象形式的数据

excel数据是这样的处理后数据是这样的代码如下，需要引入xlsx.full.min.js下载地址上传文件文件：//首先监听input框的变动，选中一个新的文件会触发change事件document.querySelector
royal-·2023-04-08 08:51

7 axios取消请求 防抖

1取消请求csdd.gifDocument请求按钮取消按钮constbtn=document.querySelector('.btn')constbtn_cancel=document.querySelector
无知者3·2023-04-08 08:59

前端 + 后端 实现分片上传（断点续传/极速秒传）

前端需要递归上传，并显示加载动画和根据分片完成数量显示进度条临时demoDocument触发上传/*监听选择图片的事件*/document.querySelector('#f
ps酷教程·2023-04-07 22:25

敬伟PS教程：基础篇A

B站倍速F12控制台document.querySelector(‘video’).playbackRate=2.5A03认识主界面Ctrl+鼠标滚轮：水平移动画面（拖动水平滚动条）Shift+鼠标滚轮
ronvicki·2023-04-07 20:18

Android Webview隐藏部分div

AndroidWebview隐藏部分div1.实现方法：在网页加载结束后，注入js隐藏或移除部分div2.js中document节点获取页面元素：1.querySelector()方法描述：本方法用于根据给定的选择器选中页面元素如果有多个元素满足条件
夜未央ぴ陌上花开丶·2023-04-07 05:23

解决页面内弹窗弹出层时页面背景可滚动问题

判断弹出框是显示状态或隐藏状态openMusicListFlag:{//布尔类型变量,是否展示弹框handler(val){//true:显示弹出框，false：隐藏弹出框if(val){document.querySelector
逸笛·2023-04-06 14:11

随机密码生成器

随机密码生成器主要难点有两个：第一个难点是把内容一键复制到剪切板第二个难点是随机产生数字，大小写字母，和特殊符号一、一键复制到剪切板一键复制一键复制按我复制constipt=document.querySelector
蜡笔小伟·2023-04-05 23:17

使用multer、body-parser接收前端数据

混合表单的提交和后台的数据接受前端代码Title用户名密码头像性别提交window.onload=function(){constbtn=document.querySelector('#btn')btn.addEventListener
小强8088·2023-04-05 23:55

webRTC（十四），h5开发移动app

margin-top:20px;}ConnectSigServerLeaveLocal:Remote:Chat:Sendjs‘usestrict’varlocalVideo=document.querySelector
m0_66264910·2023-04-05 22:15

vue中，实现锚点定位及跳转（url不发生变化）

需求点击快速评论，跳转到评论区，url不发生变化image.png代码快速评论returnCom(){constreturnEle=document.querySelector("#comment");
jia林·2023-04-05 15:05
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他