![](https://img-blog.csdnimg.cn/20191231110324860.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
JavaScript文章
香格里拉&
眼之所看,皆是遗憾,目之所及,尽是回忆,心之所想,皆是过往
展开
-
js中removeEventListener和detachEvent
1. removeEventListener(type,listener,option)type: 事件类型,比如 clicklistener: 监听器 必须是一个实现了 EventListener 接口的对象,或者是一个函数。useCapture: 可选 第三个参数是一个布尔值,指定是使用事件冒泡还是事件捕获。不写,默认false2. detachEvent(type,liste...原创 2020-01-14 14:04:21 · 584 阅读 · 0 评论 -
js中addEventListener和attachEvent区别以及处理异常
1. addEventListener(type,listener,option)type: 事件类型,比如 clicklistener: 监听器 必须是一个实现了 EventListener 接口的对象,或者是一个函数。useCapture: 可选 第三个参数是一个布尔值,指定是使用事件冒泡还是事件捕获。不写,默认false2. attachEvent(type,listener...原创 2020-01-14 13:41:13 · 343 阅读 · 0 评论 -
js中parentNode和parentElement的区别
parentNode 父节点parentElement 父元素节点<body> <div id="box"></div></body><script> var box = document.getElementById('box'); //探究parentNode 和 parentElement 的区别 ...原创 2020-01-14 13:18:47 · 2213 阅读 · 0 评论 -
js兄弟节点
用到的方法:- nextSibling: 下一个兄弟节点- previousSibling: 上一个兄弟节点- previousElementSibling: 上一个兄弟元素节点- nextElementSibling: 下一个兄弟元素节点<body><div id="box"> <div>这是一个区域1</div> &l...原创 2020-01-14 12:45:47 · 3091 阅读 · 0 评论 -
innerText与textContent区别
<div id="box"> 我是一个box <b>hello</b></div><script> // innerText 最早出现在IE浏览器中 // // 浏览器兼容问题 // // 老版本的firefox浏览器不支持innerText // 2016的时候 ...原创 2020-01-14 12:32:45 · 168 阅读 · 0 评论 -
js-innerHtml与innerText的区别
<div id="box"> 我是一个div <span>这是一个span标签</span></div><p>111</p><b>123</b><script> var box = document.getElementById('box'); c...原创 2020-01-14 11:50:15 · 151 阅读 · 0 评论 -
js添加元素方法
1.insertBefore添加元素到指定位置<ul id="ul"> <li>1</li> <li>2</li> <li>3</li></ul><ul id="sel"></ul><script>var btn = docume...原创 2020-01-14 11:32:44 · 3941 阅读 · 0 评论 -
js节点类型
1.节点在 HTML DOM (文档对象模型)中,每个部分都是节点:文档本身是文档节点–元素节点– 所有 HTML 元素(标签)是元素节点 <div><span>等等 nodeType:1–属性节点– 所有 HTML 属性)是属性节点name, id, class等等 nodeType:2–文本节点– HTML 元素内的文本是文本节点 (内容,回车,空格...原创 2020-01-14 11:10:26 · 317 阅读 · 0 评论 -
js动态创建元素
1.document.write()–了解就好会将页面上所有内容清除替换var btn = document.getElementById('btn'); btn.onclick = function () { document.write('hello <p>world</p>'); //head标签内容全部消失,body内容替换}2....原创 2020-01-14 10:11:40 · 214 阅读 · 1 评论 -
js获取元素
1.getElementById–通过标签名获取元素<div id="container"> <div>111</div> <div>222</div> <p>pppp</p></div><script> var container =...原创 2020-01-14 09:49:43 · 196 阅读 · 0 评论 -
JavaScript之String的常用方法
前端JavaScriptString对象的方法字符串的常用方法1.charAt(index)2.charCodeAt(index)3.concat(string2,string2..)4.slice(beginIndex[, endIndex])5.substring(indexStart[, indexEnd])6.substr(start[, length])7.indexOf(searchV...原创 2019-12-27 23:43:39 · 256 阅读 · 0 评论 -
JavaScript之String的常用方法的小案例
常用案例案例一需求: var url = 'http://www.lolo.com/login?name=zs&age=18&b=2'; 获取url中?后面的内容 ,可以通过 对象[key] = value; 获取值 例如 http://www.itheima.com/login?name=zs&age=18&b=2 ...原创 2019-12-29 17:28:36 · 165 阅读 · 0 评论