小小程序猿level1

2022年4月13日

摘要： <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 阅读(71) 评论(0) 推荐(0)

2022年4月12日

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 阅读(32) 评论(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 阅读(31) 评论(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 阅读(42) 评论(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 阅读(43) 评论(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 阅读(33) 评论(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 阅读(32) 评论(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 阅读(142) 评论(0) 推荐(0)

2022年4月11日

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 阅读(77) 评论(0) 推荐(0)