javascript-DOM-操作元素


操作元素Javascript的DOM操作可以改变网页的内容,结构和样式,我们可以利用DOM操作元素来改变元素的内容和属性等。改变元素的内容element.innerText从起始位置到终止位置的内容,但它去除html标签,同时空格和换行也会去掉element.innerHTML起始位置到终止位置的全

javascript-DOM事件


事件三要素事件源:事件被触发的对象事件类型: 如何触发 什么事件 比如鼠标点击(onclick) 还是鼠标经过,还是键盘按下事件处理程序:事件处理程序,通过一个函数赋值的方式 完成<button id="btn">点我弹出对话框</button>// 事件

javascript-DOM-获取元素


如何获取页面元素DOM在我们实际开发中主要用来操作元素。我们如何来获取页面中的元素呢?获取页面中的元素可以使用以下几种方式:根据ID获取根据标签名获取通过HTML5新增方法获取特殊元素获取根据ID获取文档参考:https://developer.mozilla.org/zh-CN/docs/Web/

javascript-WEBAPI-DOM简介


DOM简介文档对象模型,是W3C组织推荐的处理可扩展标记语言的标准编程接口W3C已经定义了一系列的DOM接口,通过这些DOM接口,可以改变网页的内容,结构和样式DOM树文档:一个页面就是一个文档,DOM中使用document表示元素:页面中的所有标签都是元素,DOM中使用element表示节点:网页

javascript-倒计时案例


获得总毫秒数的方法倒计时案例function countDown(time) { let nowTime = +new Date(); let inputTime = +new Date(time); let cutTime = inputTime - nowTime; le

javascript-Date()


简单调用let date = new Date();console.log(date);返回结果Fri Jul 08 2022 09:31:44 GMT+0800 (中国标准时间)如果没有跟参数,返回当前系统的当前时间获取当前时间年份let date = new Date();console.log

javascript-随机数,随机数的应用


console.log(Math.random());//输出 0<= x < 1的随机小数//想要得到两个数之间的随机整数,并且包含这2个整数function getRandom(min, max) { return Math.floor(Math.random() * (max

javascript-自己封装函数


let myMath = { PI: 3.1415926535, max: function () { let max = arguments[0]; for (let i = 1; i < arguments.length; i++) {

css::before ,::after伪元素

笔记  CSS 

其将成为匹配选中的元素的第一个子元素。常通过 content 属性来为一个元素添加修饰性的内容。此元素默认为行内元素。/* Add a heart before links */a::before { content: "♥";}我觉得不用再说啥了。直接上图和代码就行了p::b

Less-嵌套

笔记  CSS 

先把html结构放上来<body> <div class="box"> <p>asdfasf</p> </div></body>对于类名为box的盒子来说,我们想要更改下面的p标签的