![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
DOM
起风了9527
这个作者很懒,什么都没留下…
展开
-
DOM事件初步
一.关于事件(类比android监听器)事件源(引发后续事件的标签)事件(js已经定义好,直接使用)事件驱动程序(对样式和html的操作)(DOM操作)二.需求:点击盒子出现弹窗alert(1);步骤:1.获取事件源(document.getElementById(“box”))2.绑定事件 (事件源.事件 = function(){ 事件驱动程序 })3.书写事件驱动程序。 //1.获取事件原创 2017-08-03 18:24:36 · 183 阅读 · 0 评论 -
onload事件
触发时间与条件:页面加载(文本和图片)完毕的时候。使用原因:js的加载时和html同步加载的。(如果使用元素在定义元素之间,容易报错。)用途:window.onload可以预防使用标签在定义标签之前。 window.onload = function () { var aaa = document.getElementById("box"); console.l原创 2017-08-03 18:29:50 · 902 阅读 · 0 评论 -
事件案例体验
初级案例:关闭京东广告栏需求:点击x号,隐藏盒子。思路:点击a链接,让top-banner这个盒子隐藏起来(加隐藏类名)。步骤:1.获取事件源和相关元素2.绑定事件3.书写事件驱动程序<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *原创 2017-08-03 20:17:10 · 239 阅读 · 0 评论 -
DOM节点访问关系与操作示例
一.DOM 访问关系(节点的获得)节点的访问关系,是以属性的方式存在的。 DOM的节点并不是孤立的,因此可以通过DOM节点之间的相对关系对它们进行访问。父节点 ( parentNode )调用者就是节点。一个节点只有一个父节点。调用方式就是节点.parentNode. //box1是box的父节点 var box2 = document.getElementsByClassName(原创 2017-08-03 20:53:15 · 482 阅读 · 0 评论 -
innerHTML与innerText区别
[转载地址](http://blog.csdn.net/magi1201/article/details/44131361) document 对象中有innerHTML和innerText 两个属性, 这两个属性都是获取document对象的文本内容的,这两个属性间有哪些区别呢?通过几个例子来看一下。示例1[html] view plain copy print?<html>转载 2017-08-04 11:04:38 · 285 阅读 · 1 评论