摘要：
<style> #dv1 { width: 100px; height: 100px; background-color: rgb(232, 121, 217); } #dv2 { width: 10px; height: 10px; background-color: black; float: 阅读全文
posted @ 2022-04-18 11:12
罗砂
阅读(24)
评论(0)
推荐(0)
摘要：
<body> <button>按钮</button> <input type="text" value="输入内容" /> </body> <script> // 1.获取元素 var btn = document.querySelector("button"); var input = docum 阅读全文
posted @ 2022-04-18 11:11
罗砂
阅读(40)
评论(0)
推荐(0)
摘要：
<body> 密码：<input type="password" /> <button>眼睛</button> </body> <script> let ipt = document.querySelector("input"); let btn = document.querySelector(" 阅读全文
posted @ 2022-04-18 11:11
罗砂
阅读(99)
评论(0)
推荐(0)
摘要：
根据系统不同时间来判断，所以需要用到日期内置对象 利用多分支语句来设置不同的图片 需要一个图片，并且根据时间修改图片，就需要用到操作元素src属性 需要一个div元素，显示不同问候语，修改元素内容即可 <script> // 1.获取元素 let img = document.querySelect 阅读全文
posted @ 2022-04-18 11:10
罗砂
阅读(53)
评论(0)
推荐(0)
摘要：
点击图片body就变成图片 修改元素属性 src 1.获取元素 var one = document.getElementById("one"); var tu = document.getElementById("tu"); var img = document.querySelector("im 阅读全文
posted @ 2022-04-18 11:07
罗砂
阅读(38)
评论(0)
推荐(0)
摘要：
element.innerText 从起始位置到终止位置的内容，但它去除html标签，同时空格和换行也会去掉 element.innerHTML 起始位置到终点位置的全部内容。包括HTML标签，同时保留空格和换行 innerText和innerHTML的区别 1. innerText 不认识html 阅读全文
posted @ 2022-04-18 11:05
罗砂
阅读(80)
评论(0)
推荐(0)
摘要：
<style> div { width: 300px; height: 30px; line-height: 30px; color: #fff; background-color: pink; } </style> <body> <button id="btn">显示当前时间</button> < 阅读全文
posted @ 2022-04-18 11:02
罗砂
阅读(37)
评论(0)
推荐(0)
摘要：
1.获取事件源2.注册事件(绑定事件)3.添加事件处理程序(采用函数赋值形式) <script> var dianji = document.getElementById("dianji"); dianji.onclick = function () { console.log("我被选中了"); 阅读全文
posted @ 2022-04-18 11:01
罗砂
阅读(43)
评论(0)
推荐(0)
摘要：
JavaScript使我们有能力创建动态页面，而事件是可以被JavaScript侦测到的行为 简单理解：触发 响应机制 网页中的每个元素都可以产生每个元素都可以生产某些元素可以触发JavaScript 的事件，例如，我们可以在用户点击某个按钮时产生一个事件，然后去执行某些操作 点击一个按钮，弹出对话 阅读全文
posted @ 2022-04-18 11:00
罗砂
阅读(436)
评论(0)
推荐(0)
摘要：
<body> <div class="box">盒子1</div> <div class="box">盒子2</div> <div id="nav"> <ul> <li>首页</li> <li>产品</li> </ul> </div> </body> <script> // 1.getElement 阅读全文
posted @ 2022-04-18 10:59
罗砂
阅读(57)
评论(0)
推荐(0)
浙公网安备 33010602011771号