摘要: 页面代码片段 <div></div> <div class="box fl">这是box</div> <div class="colorRed box3">这是box</div> <div></div> <div class="box">这是box</div> <div id="text"> <di 阅读全文
posted @ 2018-07-10 11:32 其微乐 阅读(1611) 评论(0) 推荐(0) 编辑
摘要: 我们之前用className来获取和设置元素的样式,但这种方式只能获取和设置元素的行内样式 用之前的className方法做不到; getComputedStyle:获取计算后的样式; 此方法返回值是对象,如果需要操作具体的样式还需要进行属性访问。 样式的值为字符串形式,有单位; 用法:getCom 阅读全文
posted @ 2018-07-10 11:05 其微乐 阅读(148) 评论(0) 推荐(0) 编辑
摘要: innerText :设置和获取元素的文本内容;但在火狐浏览器中不支持此方法其他浏览器没问题; textContent:和innerText 功能一样;但ie 不支持 其他浏览器没问题; 所有我们要封装一个方法兼容所有浏览器; 1、封装一个获取元素纯文本的方法; var getText = func 阅读全文
posted @ 2018-07-10 10:16 其微乐 阅读(221) 评论(0) 推荐(0) 编辑
摘要: 一面概述: <a id="link" href="01前一天练习.html">跳转</a> 我们想要给a标签添加点击事件但是又不想让它执行自带的跳转事件; var link = document.getElementById('link'); link.onclick = function (){ 阅读全文
posted @ 2018-07-10 09:29 其微乐 阅读(109) 评论(0) 推荐(0) 编辑
摘要: 现阶段来说,在事件中使用this与直接使用事件源效果相同; 一面代码片段: <ul> <li>这是li1</li> <li>这是li2</li> <li>这是li3</li> <li>这是li4</li> <li>这是li5</li> <li>这是li6</li> </ul> var lis = d 阅读全文
posted @ 2018-07-10 09:05 其微乐 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 事件的基本使用方式: 事件源.事件类型 = function(){事件触发后的操作}; 点击事件:click; 在js中点击事件使用时前面要加on,为onclick; 例:点击btn按钮给box添加样式; btn.onclick = funciton(){ box.style.width = '10 阅读全文
posted @ 2018-07-10 08:47 其微乐 阅读(187) 评论(0) 推荐(0) 编辑
摘要: 使用类名设置样式的好处是:样式复用方便; js中直接通过元素的className属性设置元素的类名; 首先获取元素例如box box.className = 'colorRed'; className只能设置标签行内属性; 获取属性: 获取自定义属性的方法是:元素.getAttribute('要获取 阅读全文
posted @ 2018-07-09 23:13 其微乐 阅读(229) 评论(0) 推荐(0) 编辑
摘要: 1、根据ID获取元素; <body> <button id= "btn">按钮</button> <div class="box"> <div id= "box"></div> <p class = "nix2"></p> <p class = "nix2"></p> <span></span> < 阅读全文
posted @ 2018-07-09 22:01 其微乐 阅读(195) 评论(0) 推荐(0) 编辑
摘要: border-collapse:collapse; 阅读全文
posted @ 2018-07-07 00:04 其微乐 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 简介 HTML5 是 HTML 标记语言的一个最新版本,制定了 web 应用开发的一系列标准,成为第一个将 web 作为应用开发平台的 HTML 语言。 H5 其实是一个泛称,它指的是由 HTML5 + CSS3 + Javascript 等技术组合而成的一个应用开发平台。 HTML5 的设计目的是 阅读全文
posted @ 2018-06-18 12:44 其微乐 阅读(318) 评论(0) 推荐(0) 编辑