
形式
今天,我们实际上进行了幻灯片放映,这不是我们讲师的典型风格。 当我说我们经过幻灯片播放时,我的意思是投影机上有幻灯片供参考,而Zubair帮助我们深入研究HTML表单以及如何创建它们,等等。
我认为表单有自己的特色,因为它是一种HTML元素,用途非常广泛,可以嵌套很多不同的元素。 同样,表格实际上在互联网上无处不在。 曾经在线注册过任何东西吗? 您填写了表格。 您曾经在计算机或手机上为任何商品付费吗? 形成。 曾经做过Google搜索吗??? 是的,形式。
他们无处不在。
讲座结束后,我们进行了一次很好的练习,帮助我们练习了如何创建自己的表格,并在其中添加了姓名,日期,电话号码,电子邮件,评论甚至结尾处的提交按钮等文本区域。 我很喜欢练习,但是我不认为HTML表单会像到目前为止我们学到的其他东西一样点燃我的热情。
遍历DOM

午餐后,我们进入了一个新主题,即遍历DOM。 DOM代表文档对象模型,它是Web开发中一个非常重要的主题。 DOM本质上是网页HTML /样式/脚本页面的最终结构,并且最常见的形式是带有大量分支的树。 通过听关于DOM的遍历,然后作为一个类,使用纯Javascript创建棋盘,我们发现了如何遍历DOM。 整件事的好处是Javascript可以访问DOM,甚至可以更改和创建HTML文件本身中的元素,并立即实现这些更改。 所有DOM元素实际上都位于称为文档的浏览器中的全局对象之上。 因此,如果我们要输入Javascript文件:
让freshDiv = document.createElement('div);
document.body.appendChild(freshDiv);
freshDiv.style.width = '50%';
freshDiv.style.backgroundColor ='石灰';
freshDiv.innerHTML =“我是新鲜石灰!
”
我们会有什么? 答案=一个新的div元素,附加到我们网站的正文中,占页面宽度的一半,背景为柠檬绿色,并且出于某种原因包含“我是新鲜的石灰!”字符串! 刷新后,它将立即在页面中呈现。 所有Javascript,无需将其添加到HTML文件中。
因此,在涉及到前端Web开发时,在DOM中遍历和添加/创建/更改元素是一个非常强大的工具,而我很高兴了解更多有关所涉及的含义和用例的信息。