Dom练习1

DOM1-8 编程练习 1-8 编程练习 根据gif图,实现以下效果: 单击页面的“点击”按钮时,弹出输入框 当点击输入框上的“确定“时,按钮上的文字变成输入框输入的内容。 任务 根据gif效果图完成下列步骤: 第一步:先获取到按钮对象 第二步:给按钮绑定事件,以下代码在事件的匿名函数中执行 第三步:用变量接收输入框中输入的内容 Tips:输入框的提示文字要进行换行 第四步:当点击输入框上的“确定... 阅读详情

一、好友菜单

思路:

1、明确事件源<超链接 onclick>和事件;

2、设置好样式选择器;

3、运用display属性和this方法传入;


二、表格的创建与删除与高亮和排序

创建思路

1、createElement方法创建表格。

2、利用table方法insert Rows 和 Cols;

3、获取一个区域标签,然后把该表格节点插入到该标签中。


删除思路

1、在创建的时候赋予表格ID<setAttribute方法>

2、根据ID找到table然后运用table方法来deleteRows和Cols;


高亮思路

1、两个事件源onmouseover和onmouseout这两个事件源分别写两个函数来对应。

2、对应在onload函数里面写这两个函数。



排序思路

1、需要形成一个临时容器保存这个table的地址;

2、然后通过排序将临时容器排序了;

3、最后再重新appendChild<进入临时容器,而非原table不是很懂,是否是因为地址的原因?>进去。


三、全选

1、利用name获取所有checkbox存入数组;

2、考虑所有的checkbox的checked的状态。重新赋值;




JavaScritp的DOM基础1-7 编程练习 1-7 编程练习 小伙伴们,今天我们学习了dom的查找方法,按照下面效果图去补充代码! 要求:依次弹出“前端书籍”的列表项,并在最后统计数它的列表项总共有几个。 效果图如下: 任务 根据效果图完成以下步骤: 第一步:先通过ID选取的方法获取到“前端书籍” Tips:因为有两个列表,所以先获取到指定的列表 第二步:再通过标签名选取元素的方式获得列... 阅读详情

相关推荐

测试人必看!正交表与Allpairs工具对比:如何选择最适合你的组合测试方案?

本文深入对比了正交表、PICT与Allpairs三种主流组合测试方案,帮助测试人员根据项目场景做出最佳选择。文章分析了各自的核心原理、优劣势及适用场景,特别强调了在涉及复杂约束时PICT工具的强大功能,并提供了从原理学习到CI/CD集成的实战选型指南。

weixin_29224309的博客 268

DOM 编程练习1

weixin_45339692的博客 185

拆解特斯拉Optimus的关节技术:谐波减速器在仿人机器人中的5个精妙设计

本文深度解析特斯拉Optimus仿人机器人关节中的谐波减速器技术,揭示其五大工程突破:微型化材料革命、两万分之一圈精度实现、碳纤维柔轮轻量化、智能运维系统及国产替代方案。重点探讨谐波减速器如何通过创新设计和先进材料实现精准传动,为仿人机器人提供高效可靠的关节动力解决方案。

omega的博客 1077

DOM事件练习1

DOM事件练习1

热爱WebGIS的博客 644

3dmax文件格式转换——.max 转换为 .flt(解决转换后.flt没有纹理贴图的问题)

本文主要介绍如何在3dmax中将.max格式文件转换为.flt格式文件,并解决转换后的文件没有纹理贴图的问题。 在3dmax中,将.max文件转换为.flt格式,只需导出选择.flt格式即可,但是导出的文件在osgEarth中加载后,缺少纹理和贴图。 下面是解决方案: 1、选中加载的模型,然后点击 渲染-> 渲染到纹理 2、将 渲染到纹理 子窗口往下拉,点击 添加 按钮,添加 ...

cchangcs 6173

Python 爬虫实战:京东商品价格与评论数据爬取

本文介绍了使用Python爬取京东商品价格与评论数据的完整流程。主要内容包括: 环境准备:安装requests、BeautifulSoup、pandas等库,建议使用Python 3.8+虚拟环境。 目标分析: 商品列表页(HTML)包含名称、价格、SKU ID等数据 评论数据通过JSON API获取 反爬策略: 随机User-Agent 请求延迟2-5秒 设置必要Cookie 代码实现: 基础配置:设置输出目录、随机UA生成器 搜索列表页爬取:解析HTML获取商品基本信息 评论数据爬取:通过JSON AP

u014481728的博客 421

DOM1-9 编程练习

1-9 编程练习 根据gif图,补充代码,实现以下效果: 点击页面上的“删除”按钮,弹出确认框 (1)当点击确认框上的“确定“时,按钮上的字变为红色; (2)当点击确认框上的“取消“时,按钮上的字变为绿色。 gif图如下: 任务 根据gif效果图完成下列步骤: 第一步:获取到按钮对象,给其绑定鼠标单击事件,以下步骤均在事件的匿名函数中进行 第二步:写出确认框,确认框的显示内容...

请叫我二狗哥 474

YOLOv5改进系列(4)——添加ECA注意力机制

手把手教你在YOLOv5中加入ECA注意力机制,文内含两种方法,小白也能看懂!

路人贾的博客 8547

9-1 dom 及练习

9-1 元素名.remove() 删除节点 新节点=要复制的节点.cloneNode(参数) 参数可选复制节点 var btn = box.cloneNode(false) 浅拷贝 只拷贝了标签 var btn = box.cloneNode(false) 深拷贝 标签里的一起拷贝 //box 要拷贝的标签id class名 document.body.apendChild(btn) 插入在页面中 节点的属性 为节点添加属性 例:img.setAttribute(“src”

oneorang的博客 197

195、大模型蒸馏与压缩:知识蒸馏与VLA模型轻量化

折腾完这一整套流程,最大的感悟是:知识蒸馏不是简单的模型压缩,而是知识迁移的工程艺术。每一步都有坑,每个参数都可能影响最终性能。给后来者的建议是:先别急着上蒸馏,把teacher模型的推理延迟和显存占用测清楚,确定瓶颈在哪里——是计算量太大还是内存带宽不够,这决定了你该用蒸馏还是量化还是剪枝。蒸馏训练时一定要监控每一层的特征对齐loss,别只看总loss。如果某一层的对齐loss特别高,说明student在这一层学歪了,需要调整该层的损失权重或者增加该层的投影头容量。

sundong_81的博客 112

C#串口通信从入门到精通(11)——串口接收的数据存储到本地文件(txt、csv)

本文详细介绍如何将串口通信将数据进行本次存储,主要介绍常用的csv、txt格式文件,由多年实战经验总结,绝对干货!

qq_34059233的博客 7239

js - 1、DOM操作练习

注意: 1、好像只有在IE浏览器中才不会计算节点与节点之间的空格2、document属于window,所以document可以写成window.document,window是可以省略的 知识点: 1、parentNode: 获取指定节点的父节点 2、previousSibling: 返回某个节点紧跟的前一个节点(要处于同一树层级中)nextSibling...

allen1973的博客 243

【AI智能体】Claude Code 核心记忆文件 CLAUDE.md实战操作详解

Claude Code 核心记忆文件 CLAUDE.md实战操作详解

congge 5457

JavaScript中的DOM基础_1-29 编程练习

1-29 编程练习 小伙伴们,我们学习了setAttribute()方法,那么接下来用setAttribute()方法来给代码中的列表内容添加样式吧 添加的样式效果如下: 任务 第一步:通过标签名获取元素的方式先得到列表项 Tips:得到的是一个对象集合,本题中需要获得集合中的第一个对象 第二步:利用今天学习的为元素添加指定属性的方法给列表项的奇数项和偶数项分别添加样式 Tips...

请叫我二狗哥 432

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

DOM基础1-30 编程练习

1-30 编程练习 小伙伴们,今天我们学习了删除对象属性的方法,那么接下来用删除对象属性的方法把预设代码中P标签的样式全部去掉。 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>dom属性的移除</title> ...

请叫我二狗哥 434

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

JQ操作DOM练习1

一. 使用JQ制作一个5*5的table表格,并让每块表格显示不一样的背景颜色,以及鼠标点击时触发的效果? 首先使用document.createElement创建一个table标签、再for循环使用document.createElement创建多个tr标签,然后再for循环使用document.createElement创建多个td标签,(并且使用appendChild将节点添加)最后在td内设置一个鼠标点击时触发的效果,并使用firstElementChild、lastElementChild、pr.

m0_46723475的博客 295

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员,提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列,各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性,请参见数据手册。有关 ARM Cortex™-M4F 内核的信息,请参见《Cortex™-M4F 技术参考手册》。

JQuery 常见DOM操作练习1

1.管理选择器(size()方法)所得的结果 size()方法 <!-- html{ cursor:help; font-size:12px; font-family:Arial, Helvetica, sans-serif; } div{ border:1px solid #003a75; background-color:#FFFF0

汉南最後の読書人 2113

dom 小练习1(开关灯)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do

qq_45827064的博客 338

DOM练习1

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content...

weixin_30783913的博客 75

dom练习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-width, initial-scale=1.0"> &lt

weixin_45090657的博客 656

DOM练习1--添加和删除人员信息

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="js/jquery-1.10.1.js"></...

weixin_42139212的博客 330

jQuery学习笔记——DOM练习(1)

<!-- 作者:1377378268@qq.com 时间:2017-08-12 描述:超链接提示效果,当鼠标移动到超链接上,自动提示显示提示。当鼠标移动时,提示跟着移动 --> 超链接提示效果 body{ margin:0; padding:40px; background:#fff; font:80% Arial, Hel

靡不有初鲜克有终 362

DOM练习1:取出标签中内容并弹出

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;meta http-equiv="content-Type" content="text/html; charset=utf-8&q

海边拾贝seebit 268

1,点击按钮后创建一个100px,背景银灰色的div,内容是HTML DOM练习

function creatediv() { var div=document.createElement('div'); div.style.fontSize='100px'; div.style.backgroundColor="#333333"; div.innerHTML="HTML DOM练习"; document.getElementById('div1').appendC

愿记忆Tel一切安好 827

DOM基础2-17 编程练习

2-17 编程练习 小伙伴们,今天我们学习了DOM 0级事件,那么根据gif图,实现以下功能:(1)当点击“录入”按钮时,循环弹出输入框,使用户输入信息 (2)直到用户输入-1,停止弹出输入框,然后将用户输入的信息输出在页面上。 Tips: 使用通过DOM获取HTML元素的方式绑定事件 任务 根据gif效果图实现下面的任务步骤: 第一步:先写出按钮的html代码 Tips:按...

请叫我二狗哥 424

xss-labs练习记录

1、本质:前端代码写的有问题,允许用户自己嵌入HTML或者css或者js代码并执行(一般js的危害比较大),从而造成漏洞2、类型:反射型、存储型、DOM型 (1)反射型:前端-后端-前端 前端页面输入后,经过后端代码执行,再返回到前端页面。(反射型XSS通常只在URL中,用户访问特定的URL才会中招) 把含有攻击代码的URL替换成一个短链接,用户访问该链接就会造成恶意代码的执行。 (2)存储型:前端-后端-数据库(服务器)-前端 前端提交的数据会经过后端,后端的代码把它存到一个地方,例如数据库或者一个文件夹

m0_63711447的博客 602
上一篇: DOM新闻字体动画
下一篇: JSP 中 JSTL 页面标签的笔记<happysoul>
comil4444
博客等级 码龄15年 3粉丝 13原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值