DOM练习(邓邓版)】的更多相关文章

DOM操作(基础版) DOM是document Object Model的缩写,简称文档对象模型.只要记住这是操作文档的就行了. DOM基础选择器 1.getElementById(id); //获取指定的id元素 2.getElementsByClassName(class); //通过class获取元素,返回值是数组 3.getElementsByTagName(p); //获取相同标签的节点列表,返回值是数组 4.getElementsByName(name); //获取相同元素的节点列表…
先来图片: 今天直接粘代码: 下面是html: <h4>01.图片切换</h4> <img width = "100" src = "../img/1.jpg" id = "pic" onclick = "change()"/> <h4>02.计算器</h4> <input type = "text" id = "first&quo…
第1章 javascript简史 1.什么是DOM? 简单的说,DOM是一套对文档的内容进行抽象和概念化的方法.\         第2章 javascript语法 1.内建对象: 内建在javascript语言里的对象.(可以new出来的)   2.宿主对象: 由浏览器提供的预定义对象称为宿主对象.         第3章 DOM 1.getElementById(): 使用getElementById()方法,返回一个与那个有着给定ID属性值的元素节点对应的对象,该方法的参数就是指定的ID,…
接下来项目需要网页相关知识,故在大牛的指引下前来阅读本书. 记录方式:本书分四部分阅读,完成阅读之后会多写一篇包括思维导图的算是阅读指南的东西,浏览的童鞋看着指南可以跳过一些不必要的坑~ 当前水平:HTML&CSS&JS基本掌握,能在阅读文档以及Google查找的情况下完成前端代码编写,但是学习不深,HTML5&CSS3新特性.JS基础&框架皆不熟悉 读书目的:了解DOM概念并通过训练熟悉掌握,了解JS特性 博客目的:督促自己学习并记录下过程 博客编写时读书进度:第6章完结…
这本书留给我的印象就是结构.表现和行为层的分离,以及书后面部分一直在强调的最佳实践原则:平稳退化,逐步增强,向后兼容以及性能考虑. 要注意这不是一本JavaScript入门书籍~ 2.1 准备工作 用JavaScript编写的代码必须通过HTML/XHTML文档才能执行.最好的做法是把<script>标签放到HTML文档的最后,</body>标签之前: <!DOCTYPE html> <html lang="en"> <head&g…
原书 P181,var repeat = "moveElement('"+elementID+"', "+final_x+", "+final_y+", "+interval+")";…
function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { oldonload(); func(); } } } function insertAfter(newElement, targetElement) { var parent…
所谓的触屏版网站其实也是WebApp的一种展示形式,主要是依赖HTML+CSS+Javascript这三个关键因素来实现,相比较原生客户端程序来说优点就是开发周期短.升级简单.维护成本低,因为从根本上来说WebApp的本质就是一个网站而已.这里就说一下如何开发一个适合在触屏设备上展示的页面. 如果有在PC端开发网页的基础那么去处理手机端就很容易上手,这里介绍的是针对手持设备专门处理的页面,而不是媒体查询那种展示方式. 这里提供几个meta属性 使页面不可以认为放大缩小,喜欢用手指捏来捏去的童鞋要…
    <div id="box" class="box"></div>   --> var myBox = document.getElementById("box");   --> var myDivList = document.getElementsByTargetName(div);      // 注意    Eelements   --> var myDivs = div.getElemen…
1. 修改: 3样: 1. 内容: 3个属性: 1. 获取或修改原始HTML片段: 元素.innerHTML 2. 获取或修改纯文本内容: 元素.textContent vs innerHTML 1. textContent去掉了内嵌的标签 2. textContent将特殊符号翻译为正文 以上两个获得的都是双标记中,开始标记和结束标记之间的内容 问题: 表单元素是单标记,没有结束标记,所以也就没有innerHTML和textContent 3. 获取或设置表单元素的内容: 表单元素.value…