Javascript--Web APIs学习笔记
文章平均质量分 60
个人笔记,基础中的基础
哈哈哈啦啦啦123
这个作者很懒,什么都没留下…
展开
-
Web APIs --JavaScript学习笔记(总)(包括DOM、BOM)
DOM1 基本语句获取元素:getElementByld:获取带有ID的元素对象getElementByTagName():获取某类标签元素getElementsByClassName(‘类名’),根据类名获取某些元素集合querySelector(‘选择器’) 根据指定选择器返回第一个元素对象,里面选择器需要加符号 .class,#idquerySelectorAll(‘选择器’)返回指定选择器的所有对象集合document.body //返回body元素对象document.docu原创 2022-04-15 14:20:48 · 501 阅读 · 0 评论 -
JavaScript--Web APIs学习笔记(四)一些操作实例
操作实例1 按钮点击变色五个按钮,点击某个按钮,其背景颜色变为粉色,其他按钮颜色默认<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt原创 2022-04-08 15:14:53 · 126 阅读 · 0 评论 -
JavaScript--Web APIs学习笔记(三)排他思想
排他思想:首先排除其他,然后再设置自己的样式实例:五个按钮,点击某个按钮,其背景颜色变为粉色,其他按钮颜色默认<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content.原创 2022-04-08 09:52:28 · 91 阅读 · 0 评论 -
JavaScript--Web APIs学习笔记(二)操作元素实例
备注:样式属性操作① element.style//行内样式操作,适用于样式较少、功能简单的情况② element.className //类名样式操作,适合样式较多或工能复杂的情况。另外className会直接更改元素的类名,会覆盖原先的类名,若要保留则可以多类名选择器JS里面修改style样式操作,产生的是行内样式,css权重低一、密码点击显示输入密码:点击图片显示密码:代码实现:<!DOCTYPE html><html lang="en".原创 2022-04-07 21:07:31 · 1313 阅读 · 0 评论 -
JavaScript--Web APIs学习笔记(一)基础阶段+获取元素+操作元素
Web APIs与ECMAScript关联 API Web API一、js基础阶段和Web APIs阶段ECMAScript基础语法为后面做铺垫,Web APIs是js的应用,大量使用JS基础语法做交互效果。Web APIs阶段学习DOM和BOM。①BOM:Brower Object Model(浏览器对象模型),改变网页内容结构和样式②DOM:Document Object Model(文档对象模型)API(Application Programming Interface,应用原创 2022-04-07 15:39:45 · 212 阅读 · 0 评论