前端
关注
分享
扫一扫
文章平均质量分 81
鱼竿钓鱼干
万丈高楼平地起，勿在浮沙筑高台
展开
-
[JS DOM&BOM]DOM核心重点
[JS DOM&BOM]DOM核心重点DOM是文档对象模型（Document Object Model)对于JS,为了使JS能够操作HTML，JS创建了一套自己的DOM变成接口对于HTML，DOM使得HTML形成一颗DOM树包含文档，元素，节点通过DOM获取过来的是一个 对象DOM主要对元素进行操作，创建，增，删，改，查，属性操作，事件操作创建document.writeinnerHTMLcreateElement增appendChildinsertBefore删除原创 2021-09-05 22:12:37 · 188 阅读 · 0 评论 -
[JS DOM&BOM]节点操作
[JS DOM&BOM]节点操作节点操作概念获取元素通常有两种方式（1）利用DOM提供的方法来获取元素，逻辑性不强繁琐（2）利用节点层级关系获取元素，利用父子兄结点关系获取元素，逻辑性强但兼容性稍差节点的概念：网页中所有内容都是节点（元素节点，文本节点，文字节点等等）一般情况下，节点至少有nodeType（节点类型）、nodeName（节点名称）、nodeValue（节点值）这三个基本属性节点类型nodeType元素节点（主要用的）1属性节点2文本节原创 2021-09-04 15:49:03 · 176 阅读 · 0 评论 -
[JS DOM&BOM]自定义属性的操作
[JS DOM&BOM]自定义属性的操作操作获取属性值element.属性获取内置元素的属性值（元素本身自带的属性）element.getAttribute(‘属性’);主要获得自定义的属性（标准）设置属性值element.属性= ‘值’设置内置属性值element.setAttribute(‘属性’, ‘值’);主要针对于自定义属性，注意class不用className，而是直接诶class移除属性值element.removeAttribute(‘属性’);代原创 2021-08-30 15:08:15 · 195 阅读 · 0 评论 -
[JS DOM&BOM] 排他思想及其案例
[JS DOM&BOM] 排他思想排他思想算法框架<body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script>原创 2021-08-30 14:03:58 · 136 阅读 · 0 评论 -
[JS DOM&BOM]操作元素
[JS DOM&BOM]操作元素修改元素内容innerText（不推荐）注册事件<body> <button>显示当前系统时间</button> <div>某个时间</div> <script> //获取元素 var btn=document.querySelector('button'); var div=document.querySelecto原创 2021-08-27 19:35:52 · 117 阅读 · 0 评论 -
[JS DOM&BOM]事件
[JS DOM&BOM]事件事件基础事件的概念事件是可以被JS检测到的行为，触发-响应事件由三部分组成：事件源 事件类型 事件处理程序事件源：事件被触发的对象事件类型：如何触发事件处理程序：通过一个函数赋值的方式完成const btn = document.querySelector('button');//事件源btn.onclick = function() {//onclick为事件类型，匿名函数赋值 const rndCol = 'rgb(' + random(255原创 2021-08-27 14:24:47 · 117 阅读 · 0 评论 -
[50项目50天]day 1 Expanding Cards
[50项目50天]day 1 Expanding Cards项目地址Demo展示demo网址代码HTML<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="原创 2021-08-27 00:59:10 · 370 阅读 · 0 评论 -
[JS DOM&BOM]DOM获取元素
[JS DOM&BOM]DOM元素操作获取元素原创 2021-08-22 23:42:28 · 140 阅读 · 0 评论 -
[HTML+CSS]电商网站模板
[HTML+CSS]电商网站模板b站白嫖的网课，黑马的小兔鲜儿案例，教程链接点这里就行成品文件目录结构CSSbase.css：基本样式，内外边距，字体之类的common.css：网页的公共样式，一般是 header 部分和 footer 部分index.css：首页样式imageslogo.png:网站logosprites.png:拿来存精灵图的、uploads以图片为主，主要存放需要经常更新的资源例如商品图片，活动图片等favicon.ico网站图标index.原创 2021-08-21 01:05:26 · 20108 阅读 · 25 评论 -
[JS DOM&BOM]Web API
[JS DOM&BOM]Web APIWeb APIWeb API是浏览器提供的一套操作浏览器功能和页面元素的API（DOM和BOM）认识DOM什么是DOM文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将web页面和脚本或程序语言连接起来。DOM树文档：一个页面就是文档，D原创 2021-08-22 16:59:19 · 172 阅读 · 0 评论