jdBannerJ(); unction jdBannerJ(){ var jdBannerImg = document.querySelector('.jd_bannerImg'); var jdBannerTagLis = document.querySelector('.jd_bannerTa ...
分类:
移动开发 时间:
2020-04-19 16:22:18
阅读次数:
99
1.props & event 父组件向子组件传递props数据,子组件通过触发事件向父组件回传数据。 2.ref ref属性可定义在子组件或原生DOM上,如果在子组件上,则指向子组件实例,如果在原生DOM上,则指向原生DOM元素(可以用做元素选择,省去querySelector的烦恼)。 父组件: ...
分类:
其他好文 时间:
2020-04-08 20:59:35
阅读次数:
89
HTML代码 <div class="box"> <label for="">手机号</label> <input type="number"> <button>获取</button> </div> JS代码 1 var btn = document.querySelector('button') ...
分类:
Web程序 时间:
2020-04-08 12:22:37
阅读次数:
92
通过ID获取(getElementById)通过name属性(getElementsByName)通过标签名(getElementsByTagName)通过类名(getElementsByClassName)通过选择器获取一个元素(querySelector)通过选择器获取一组元素(querySel ...
分类:
Web程序 时间:
2020-04-08 12:17:05
阅读次数:
72
节点应用 获取页面上的元素diva var diva=document.querySelector("#diva"); console.log(diva.childNodes);获取子节点 console.log(diva.children);获取子元素 console.log(diva.paren ...
分类:
Web程序 时间:
2020-04-07 09:17:10
阅读次数:
71
先创建一个div <script> //获取这个div var div=document.querySelector("div"); / 按下时开始监听在文档中鼠标移动的事件 // 开始监听鼠标松开键的事件 // 只有按下时才准备拖拽 div.onmousedown=function(e1){ // ...
分类:
Web程序 时间:
2020-04-06 20:31:15
阅读次数:
78
大家都知道disabled属性用来禁用表单里的元素。如果让你来禁用一个表单元素,你会怎么做么,下面提供几种写法,各位看官请看 html: <button type='button'>test</button> var btn=document.querySelector('button'); 1. ...
分类:
其他好文 时间:
2020-04-01 00:32:22
阅读次数:
81
const app = document.getElementById('app'); app.innerHTML = ` <h1>JavaScript DOM</h1> <div class="item"></div> `; const item = document.querySelector( ...
分类:
编程语言 时间:
2020-03-30 09:26:15
阅读次数:
80
<!DOCTYPE html> <html> <head> <meta charset="UTF-8";> </head> <body> <div>我是第一个</div> <div>我是第2个</div> <div>我是第3个</div> <div>我是第4个</div> <div>我是第5个</d ...
分类:
其他好文 时间:
2020-03-28 13:01:22
阅读次数:
65
常用的方法有: 通过id、name属性、标签名、类名 querySelector()获取一个元素、querySelectorAll()获取一组元素 document.documentElement 获取 html 标签 document.body 获取 body 标签 function getDom ...
分类:
编程语言 时间:
2020-03-27 00:52:53
阅读次数:
63