web篇2 - 随笔分类 - 小小程序猿level1

摘要：见idea 阅读全文

posted @ 2022-04-14 13:35 小小程序猿level1 阅读(17) 评论(0) 推荐(0)

摘要：js部分 var tag_body = document.getElementsByTagName("body")[0];var tag_btn1 = document.getElementsByClassName("btn")[0];/* 绑定事件 */tag_btn1.onclick = fun 阅读全文

posted @ 2022-04-13 21:26 小小程序猿level1 阅读(326) 评论(0) 推荐(0)

54.js构造函数原型

摘要：<head> <meta charset="UTF-8"> <title>3.js对象构造原型</title></head><body> <div id="test1"></div> <div id="test2"></div></body><script> //不能在通过构造原型添加内容之前使用阅读全文

posted @ 2022-04-13 21:18 小小程序猿level1 阅读(22) 评论(0) 推荐(0)

53.js对象-构造函数

摘要：<body> <div id="test1"></div> <div id="test2"></div></body><script> //创建对象 var user1 = new User(); user1.showInfo("test1"); var user2 = new User(null, 阅读全文

posted @ 2022-04-13 21:14 小小程序猿level1 阅读(29) 评论(0) 推荐(0)

52.js自定义对象使用基础

摘要：<head> <meta charset="UTF-8"> <title>1.js自定义对象使用基础</title></head><body> <div id="show1"> <span>对象1的内容</span> </div> <hr> <div id="show2"> <span>对象2的内容阅读全文

posted @ 2022-04-13 18:18 小小程序猿level1 阅读(25) 评论(0) 推荐(0)

51..dom删除元素/标签

摘要：<head> <meta charset="UTF-8"> <title>9.dom删除元素/标签</title></head><body> <div id="no1"> <div>basic</div>  </di 阅读全文

posted @ 2022-04-13 17:12 小小程序猿level1 阅读(140) 评论(0) 推荐(0)

50.dom添加新元素/标签

摘要：<head> <meta charset="UTF-8"> <title>8.dom添加新元素/标签</title></head><body>  <div>基点</div> <div id="no1"> 阅读全文

posted @ 2022-04-13 14:49 小小程序猿level1 阅读(154) 评论(0) 推荐(0)

49.dom判断选项是否选中

摘要：<head> <meta charset="UTF-8"> <title>7.判断选项是否选中</title></head><body> <div id="gender"> <input type="radio" name="gender" value="1">男 <input type="radi 阅读全文

posted @ 2022-04-13 13:22 小小程序猿level1 阅读(57) 评论(0) 推荐(0)

48.dom操作固有属性和自定义属性

摘要：<head> <meta charset="UTF-8"> <title>6.dom操作固有属性和自定义属性</title></head><body> <div id="no1" role="我是role属性" title="冒个泡"> 测试效果 </div> <hr> <div id="btn"> 阅读全文

posted @ 2022-04-13 12:28 小小程序猿level1 阅读(64) 评论(0) 推荐(0)

47.dom操作样式属性

摘要：<head> <meta charset="UTF-8"> <title>5.dom操作样式属性</title></head><body> <div id="no1"> 测试样式效果 </div> <hr> <div id="btn"> <input type="button" value="添加背阅读全文

posted @ 2022-04-12 23:33 小小程序猿level1 阅读(23) 评论(0) 推荐(0)

46dom.操作标签class

摘要：<head> <meta charset="UTF-8"> <title>4.操作标签class</title> <style> .bg-color1{ background-color: #54f5ff; } .bg-color2{ background-color: firebrick; } . 阅读全文

posted @ 2022-04-12 23:00 小小程序猿level1 阅读(28) 评论(0) 推荐(0)

45dom,选中输入框，this

摘要：function input1(that) { if(inputO.className.indexOf("input") != -1) return that.className+="input";}input中 onclick="input1(this)"; 阅读全文

posted @ 2022-04-12 17:25 小小程序猿level1 阅读(41) 评论(0) 推荐(0)

44,dom编外篇，为下拉框找到被选中的选项

摘要：<head> <meta charset="UTF-8"> <title>4.操作标签class</title> <style> .bg-color1{ background-color: #54f5ff; } .bg-color2{ background-color: firebrick; } . 阅读全文

posted @ 2022-04-12 16:25 小小程序猿level1 阅读(33) 评论(0) 推荐(0)

43dom,操作标签value

摘要：<head> <meta charset="UTF-8"> <title>3.操作标签value</title></head><body> <div id="no1"> <input type="text" value="" name="username"> </div> <div> <select 阅读全文

posted @ 2022-04-12 15:12 小小程序猿level1 阅读(28) 评论(0) 推荐(0)

42dom，操作标签内容

摘要：<head> <meta charset="UTF-8"> <title>2. 操作标签对象的属性和内容</title></head><body>  <div id="no1"> <div>测试1</div> <div>测试2</div> </div> <hr> <div 阅读全文

posted @ 2022-04-12 13:09 小小程序猿level1 阅读(26) 评论(0) 推荐(0)

41，dom的概念和说明

摘要：DOM: Document Object Model 文档对象模型. 操作页面元素的增删改查 1. 获取需要操作的标签对象. 通过document对象获取 1) 通过id获取. 2) 通过class获取.(数组) 3) 通过标签名获取.(数组) 4) 通过name获取.(数组) 注1: js dom 阅读全文

posted @ 2022-04-12 12:35 小小程序猿level1 阅读(127) 评论(0) 推荐(0)

40jsbom,标签栏切换

摘要：<head> <meta charset="UTF-8"> <title>7.示例-常用的js效果-标签栏切换</title> <style> *{margin: 0; padding: 0;} .box{ width: 400px; border: 2px solid; background-co 阅读全文

posted @ 2022-04-11 17:10 小小程序猿level1 阅读(72) 评论(0) 推荐(0)

39jsbom,document浏览器文档对象

摘要：3. document: 浏览器文档对象 1) 根据标签id获取标签对象: let tag = document.getElementById("idName"); 2) 根据标签名获取标签数组: let tags = document.getElementsByTagName("标签名"); 3) 阅读全文

posted @ 2022-04-11 17:08 小小程序猿level1 阅读(32) 评论(0) 推荐(0)

38jsbom,isNaN

摘要：<body>  <div> 请输入数值:<input type="text" name="num"> </div> <hr> <div id="show"></div></body><script> //为num标签绑定失焦事件 //获取标签 let 阅读全文

posted @ 2022-04-11 17:03 小小程序猿level1 阅读(29) 评论(0) 推荐(0)

37jsbom,定时器

摘要：<head> <meta charset="UTF-8"> <title>5.定时器</title></head><body> <div id="show">0</div> <hr> <div> <input type="button" value="开始" onclick="toStart()"> 阅读全文

posted @ 2022-04-11 16:43 小小程序猿level1 阅读(21) 评论(0) 推荐(0)

随笔分类 - web篇2