第四天记录

叶墨悻 叶墨悻     2022-09-23     508

关键词:

《JS操作》

 

JS操作属性

aaa.getAttribute("属性名"); - 取出aaa这个dom对象的属性名中的属性值

aaa.removeAttribute("属性名"); -移除该属性

aaa.setAttribute("属性名","值"); --添加/修改此属性

window.setTimeout("b()", 3000); --等待3秒,执行b这个方法,执行一遍
window.setInterval(‘aaa()‘, 1000); --每隔1秒都执行aaa这个方法,循环执行

clearInterval(time); --清除定时器

window.clearInterval(延迟的id) --清除setTimeout

 

操作样式

变量名.style.样式名="";

 

相关元素操作
var a = document.getElementById("id"); 找到a;

var b = a.nextSibling; 找到a的下一个同级元素,包含空格;

var b = a.previousSibling; 找到a的上一个同级元素,包含空格;

var b = a.parentNobe;找到a的父级元素;

var b = a.childNobes;找到a的下一级子级元素,找到的是数组;

var b = a.firstChild 第一个子元素,lastChild 最后一个元素,childNodes[n] 找第几个元素;

 

操作样式

元素.style.样式=""

1 function getStyle(obj){
2         obj.style.width = "200px";
3         obj.style.backgroundColor = "green";
4         var divobj = document.getElementById("fu").lastChild;         
5         alert(divobj.getAttribute("name"));
6     }     

1.通过节点关系找元素
2.注意换行在浏览器中被算作了text节点<br>

同级节点:
Node.previousSibling      // 返回前一个节点,如果没有则返回null
Node.nextSibling        // 返回后一个节点

父节点:
Node.parentNode

子节点:
Node.childNodes         //获取子节点列表NodeList; 注意换行在浏览器中被算作了text节点,如果用这种方式获取节点列表,需要进行过滤
Node.firstChild       //返回第一个子节点
Node.lastChild        //返回最后一个子节点

1 function add(obj){
2         var div = document.createElement(‘div‘);
3         div.innerHTML = "234";
4         obj.appendChild(div);
5     }
1 <body>
2 <div id="dd" style="width: 100px; height: 100px; background-color: red;" onClick="getStyle(this)"></div>
3 <div id="fu" name="父标签"><div name="子标签"></div><div name="子标签 同级标签"></div></div>
4 </body>

 

beta冲刺第四天

昨天,今天,明天昨天的困难:没有困难今天的解决进度:前台完成了四个页面的布局修改。后台部分,已经完成了前台完成页面的后台链接。明天要做的事情:继续修改界面,后台连接。每个人做的事情陈立完成了设备处理和... 查看详情

记账本开发记录——第四天(2020.1.21)(代码片段)

总结:今天学习完了javascript的第一部分基础知识(昨天没学完的)并尝试使用div+css编写了记账本的index.html.以下是具体:首先,使用javascript完成了首页轮播图效果,使用了setInterval。下面是代码:(实现较为低级)1<!DOCTYPEhtml>... 查看详情

黑盒测试实践(小组测试)第四天

小组任务进度:鲁慧敏,宁莉莎:一、继续完成需求规格说明书的剩余部分,并于今天完成初稿。 以下是目录结构:  二、完成测试用例的设计。明天的计划是对照作业中的文档要求,继续完善上述文档。以下是测试... 查看详情

stm32学习第十四天

文章目录一、SPI简介二、物理层三、协议层3.1通讯的起止3.2数据的有效性3.3CPOL/CPHA及通讯模式四、SPI架构剖析4.1通讯引脚4.2时钟控制逻辑4.3数据控制逻辑4.4整体控制逻辑五、通讯过程记录SPI学习笔记一、SPI简介SPI协议是由摩托罗... 查看详情

e听项目第二次冲刺周期第四天

昨天干了些什么?  昨天,我和我们组的成员在网上找了一些图片,对这些图片进行了ps,然后利用eclipse创建图片按钮,利用前天已写好的布局,将我们的界面进行了完善,实现了拓展,让我们的程序更加地充实和丰富,然后... 查看详情

beta阶段——scrum冲刺博客第四天

一、当天站立式会议照片一张二、每个人的工作(有workitem的ID),并将其记录在码云项目管理中昨天已完成的工作完成对question界面的制作,完善随机出题界面,能够流畅的切换下一题与上一题,能够准确的在最后一题出现的时... 查看详情

第四天

第四天由(二十一)——(二十四)组成自己写的代码地址:http://pan.baidu.com/s/1bpLaNJh教程:http://pan.baidu.com/s/1dFtSxLv 查看详情

冲刺第四天

2 查看详情

学习第四天

  这个是今天学习的list和table内容,里面穿插了字体的调整和边框的调整知识。 查看详情

text第四天(代码片段)

查看详情

小学期学习记录

小学期的第一天,安装软件,配置环境。小学期的第二天,跟着老师抄代码。小学期的第三天,代码抄错了,环境有问题了。小学期的第四天,努力改正ing。小学期的第五天,失败。小学期的第六天,放假。 查看详情

第四天

如何让Notepad++里的‘空格’显示成‘……’这样的形式?有这样的功能吗--------------notepad++--->视图--->显示符号--->显示空格与制表符sublime,shift+ctrl+/,/不要用小键盘的,用大键盘的,批量注释 查看详情

第一个冲刺周期-第四天

今天找了相关书籍,跟队友实现了一个小的跳转页面,大体了解了Androidstudio的工作目录遇到的困难是调试程序耗时太长太卡,导致时间浪费明天打算继续实现基本界面。 查看详情

sprint3(第四天)

今天继续完成前台和后台的整合燃尽图:  查看详情

第十四天-内置函数

  内置函数:continue...传送门  查看详情

django第四天

  简单的一对多的页面实现的页面结果如下   关于正则匹配我一直没能实现,再试试吧   查看详情

第四天rxcocoa

HackerNewsReaderDemo HackerNewsAPI.sharedApi.newStories().observeOn(ConcurrentDispatchQueueScheduler.init(globalConcurrentQueueQOS:.Background)).map{$0.dropLast($0.count-15).map{HackerNewsAPI.sha 查看详情

好吃又易燃-冲刺日志(第四天)

今天完成了怪物AI 查看详情