2022 年 4月 12 日随笔档案 - 小小程序猿level1

2022年4月12日

摘要： <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 阅读(32) 评论(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 阅读(44) 评论(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)