关键词:
《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 查看详情