首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

JS DOM学习笔记

1、window对象代表当前浏览器窗口 2、使用window对象的属性、方法的时候可以省略window。..."button";//input标签类型为按钮 btn.value = "提交"; //设置按钮值 document.appendChild(btn); //将按钮添加到文档中 13、不同浏览器中对...DOM支持的方法不一样 获取网页中那个元素触发了事件,在IE中使用srcElement; 在FireFox里使用target 使用Dom获取和更改网页标签元素内文本,在IE中使用innerText; 在...Dom的不同 14、jQuery的ready和Dom的onload的区别:window.onload只能注册一次,是在所有的Dom元素创建完毕、图片、CSS都加载完毕后才被触发;而jQuery的ready...则是在Dom元素创建完毕后被触发,这样可以提高网页的响应速度 15、js打印一个对象的所有属性: //传入一个对象 function (swiper){ var msg = "";

3.9K40

jsDOM理解

两种用法: 全局严格模式 局部函数内严格模式(推荐) 就是一行字符串,不会对不兼容严格模式的浏览器产生影响。...arguments.callee,func.caller,变量赋值前必须声 明,局部this必须被赋值 (Person.call(null/undefined) 赋值什么就是什么),拒绝重复属性和参数 复制代码 DOM...什么是DOM 1.DOM — > Document Object Model 2.DOM定义了表示和修改文档所需的方法。...DOM对象即为宿主对象, 由浏览器厂商定义,用来操作html和xml功能的一类对象的集合。 也有人称DOM是对HTML以及XML的标准编程接口。...复制代码 DOM基本操作 1.对节点的增删改 查看元素节点 document代表整个文档 document.getElementById() //元素id 在Ie8以下的浏览器, 不区分id大小写,而且也返回匹配

4.1K30

看Zepto如何实现增删改DOM

虽然浏览器原生给我们提供了许多操作dom的方法,使我们可以对dom进行查找,复制,替换和删除等操作。但是zepto在其基础上再次封装,给以我们更加便捷的操作方式。...到现在为止,我们已经明白了怎么将传入的content转化为对应的dom节点。 接下来我们来看如何将nodes中创建好的dom节点插入到目标位置。...接下来看最后一点代码,主要是处理,当插入的节点是script 标签的时候,需要手动去执行其包含的js代码。...function () { return this.map(function () { return this.cloneNode(true) }) } 对当前选中的元素集合进行遍历操作,底层还是用的浏览器...func) // 就将structure转化后的第一个元素赋值给dom元素 var dom = $(structure).get(0), // 如果dom元素存在或者当前选中的元素个数大于

1.5K10

看Zepto如何实现增删改DOM

虽然浏览器原生给我们提供了许多操作dom的方法,使我们可以对dom进行查找,复制,替换和删除等操作。但是zepto在其基础上再次封装,给以我们更加便捷的操作方式。...接下来看最后一点代码,主要是处理,当插入的节点是script 标签的时候,需要手动去执行其包含的js代码。...function () { return this.map(function () { return this.cloneNode(true) }) } 对当前选中的元素集合进行遍历操作,底层还是用的浏览器...源码分析之form模块(2017-10-01) zepto模块 这些Zepto中实用的方法集(2017-08-26) Zepto核心模块之工具方法拾遗 (2017-08-30) 看zepto如何实现增删改DOM...(2017-06-05) 向zepto.js学习如何手动触发DOM事件(2017-06-07) 谁说你只是"会用"jQuery?

2.5K90

再谈BOM和DOM(3):DOM节点操作-元素样式修改及DOM内容增删改

操作节点,先得选择节点,就得知道节点选择器与DOM节点查找 DOM节点选择器 W3C提供了比较方便的定位节点的方法和属性 getElementById() 一个参数:元素标签的ID getElementsByTagName...当父节点的nodeType不是1,即不是element节点的话,它的parentElement就会是null 节点关系图如下 DOM节点样式操作 DOM节点样式操作,可以设置class,设置样式 操作...基本操作思维导图 参考文章: ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)https://www.cnblogs.com/best/p/8028168.html JavaScript.../article/details/99807198 HTML DOM Event 对象 https://www.w3school.com.cn/jsref/dom_obj_event.asp XML DOM.../fjner/p/5892325.html 转载本站文章《再谈BOM和DOM(3):DOM节点操作-元素样式修改及DOM内容增删改》, 请注明出处:https://www.zhoulujun.cn/html

1.1K20
领券