2020-3-20前端题目

题目一：
判断checked复选框是否有被选中

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<script>
window.onload = () => {let odiv=document.getElementById("ant");let ck=document.getElementById("ck");let obt=document.getElementById("bt");obt.onclick= () => {odiv.innerHTML=ck.checked;}
}
</script>
</head>
<body><div id="ant"></div><input type="checkbox" id="ck" checked/><input type="button" value="查看效果" id="bt"/>
</body>
</html>

运行结果：

题目二：
JavaScript 动态添加与删除div元素
代码和分析：

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<style type="text/css">
#box{width:500px;
}
#box div{width:200px;height:20px;background:blue;margin-bottom:5px;
}
</style>
<script>
window.onload=function(){let oadd=document.getElementById("add");let odel=document.getElementById("del");let obox=document.getElementById("box");oadd.onclick=function(){//为添加按钮注册click事件处理函数。var odiv=document.createElement("div");//创建一个div元素对象。obox.appendChild(odiv);//将新创建的div添加到obox元素中。}odel.onclick=function(){var divs=obox.getElementsByTagName("div");//将新创建的div添加到obox元素中。if(divs.length>0){obox.removeChild(divs[0]);//如果obox含有添加的div元素，那么删除其中的第一个。}}
}
</script>
</head>
<body><div id="box"></div><input type="button" id="add" value="添加元素"/><input type="button" id="del" value="删除元素"/>
</body>
</html>

相关知识：
document.createElement(tagName)
此方法可以创建一个元素对象。tagName:一个字符串，用来规定创建元素对象的类型名称。

removeChild可以删除指定元素的子节点，如果删除成功，则返回被删除的子节点对象，否则返回null。

2020-3-20前端题目相关推荐

2020.11.20 前端html
一.网页 1.1 网页由三个部分组成:html结构.css表现.js行为. 结构:html用于描述页面的结构: 表现:css用于控制页面中元素的样式: 行为:JavaScript用于响应用户的操作: ...
2评分标准多少分_突发！财政部刚刚通知！2020年中级考试题目分值及评分标准大变！...
突发!财政部刚刚通知!2020年中级考试题目分值及评分标准大变!其中: 1.三科多选题的评分标准由多选.少选.错选.不选均不得分变为少选得相应分值,多选.错选.不选均不得分. 2.三科判断题的评分标准 ...
2020 年大前端技术趋势解读
作者 | IMWeb 团队来源 | 腾讯 IMWeb 前端团队公众号如今的前端早已不再拘泥于满足页面展示,而是开始延展到通过全栈来闭环产品.这表明前端已经有能力透过业务深入产业,继而影响商业结果. ...
2020年大前端技术趋势解读
导 Lead 语如今的前端早已不再拘泥于满足页面展示,而是开始延展到通过全栈来闭环产品.这表明前端已经有能力透过业务深入产业,继而影响商业结果.这种表象的改变背后是本质的转变,从更为宏观的角度来说, ...
[PAT] 2020年春季赛题目完整题目 + 完整答案 + 个人总结
[PAT] 2020年春季赛题目完整题目这次比赛在2020/07/25日举行, 距离比赛截止前5分钟. 100分的人数有: 86人 90分到99分的有: 142人 7-1 Prime Day (2 ...
2020 年大前端技术趋势解读
来源:腾讯IMWeb前端团队时光荏苒,非比寻常的一年即将过去.在这过去的一年中,与其说前端的平稳期即将到来,不如说前端反而进入了技术深水区.换言之,在全栈和多端的影响下,前端领域里"术业有 ...
2020年电赛题目，命题专家权威解析！
关注.星标公众号,直达精彩内容来源:德州仪器TI校园计划.大学生电子设计竞赛培训网上次发了关于电赛题目前三道题目解析的视频:2020年电赛题目,命题专家们怎么看?,这篇带来剩余的四道赛题. 04 ...
美团后端2020.4.23笔试题目
美团后端2020.4.23笔试题目第一题考试座位题目描述: 现在有n个人坐成一排进行上机考试.但他们有的使用C语言,用C表示:而有的使用Java,用J 表示.为了防止他们"友好交流&q ...
2020.9.20深圳湾-莫安迪摄影原创作品
2020.9.20深圳湾-莫安迪摄影原创作品
2020.10.20课堂笔记(java8新特性 lambda表达式)
一.什么是Lambda? 我们知道,对于一个Java变量,我们可以赋给其一个"值". 如果你想把"一块代码"赋给一个Java变量,应该怎么做呢? 比如,我想把右 ...

2020-3-20前端题目

2020-3-20前端题目相关推荐

最新文章

热门文章