javascript入门笔记3-dom

【javascript入门笔记3-dom】的更多相关文章

JavaScript基础——JavaScript入门(笔记)

JavaScript入门(笔记) JavaScript是一种轻量级.解释型的Web开发语言,该语言系统不是很庞杂,简单易学.由于所有现代浏览器都已嵌入JavaScript引擎,JavaScript源代码可以在浏览器中直接被解释执行,用户不用担心支持问题. 一.在网页中插入JavaScript代码使用<script>标签,可以把JavaScript源代码直接放到网页文档中. [示例1]新建HTML文档并保存为test.html,然后在<head> 标签内插入<script&g…

javascript入门笔记3-dom

1.通过ID获取元素 document.getElementById("id") <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document.getElementById</title> </head…

JavaScript入门笔记

第一章 JavaScript语法 1.1 初识JavaScript 1.3 数据类型 1.4 string和boolean类型 1.5 算数操作符第二章 JavaScript流程控制语句 2.1 循环语句 2.2 break和continue 2.3 分支语句第三章 JavaScript函数 3.1 函数的定义和调用 3.2 函数的返回值 3.3 arguments 参数 3.4 求任意一组数的平均值第四章 JavaScript内置对象 4.1 Array 数组 4.2 String 字符…

JavaScript 入门笔记

JavaScript 1.JS和DOM的关系浏览器有渲染html代码的功能,把html源码在内存里形成一个DOM对象,就是文档对象浏览器内部有一个JS的解释器/执行/引擎,如chrome用v8引擎我们在html里面写一个JS代码,JS代码被引擎所执行,而执行的结果就是对DOM的操作,也就是我们常看到的特效,比如图片漂浮,文字变色浏览器执行时,遇到html代码就渲染,遇到js就解释执行,所以为了保证页面整体的显示,一般把js写在最后,即先渲染页面,再操作DOM 2.变量的…

javascript入门笔记9-认识DOM

认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合,DOM节点有: 元素节点:上图中.. 等都是元素节点,即标签. 文本节点:向用户展示的内容中的JavaScript.DOM.CSS等文本. 属性节点:元素属性,如标签的链接属性href="http://www.imooc.com"…

javascript学习笔记之DOM与表单

DOM(文档对象模型),猫叔了一个层次化的节点树一.DOM NODE相关公共属性与方法 DOM中所有节点都实现了NODE接口,该接口的公共属性和方法如下: 1.节点基本属性 1)NodeType 节点类型,利用12个数值来表示.1代表Element,2代表attribute,3代表Text... 2) NodeName与NodeValue 这两个属性的值完全取决于特定的节点类型 2.节点关系相关属性 I.childNodes属性,返回一个NodeList对象,这是一个有生命,会呼吸的对象,能够…

JavaScript 学习笔记-HTML&&DOM

HTML DOM (文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). HTML DOM 模型被构造为对象的树. JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件做出反应查找 HTML 元素通过 id 找到 HTML 元素 var x=document.getE…

JavaScript入门笔记（一）

JavaScipt 2.1 javascript的组成部分 ECMAScript: 它是整个 javascript 的核心,包含(基本语法.变量.关键字.保留字.数据类型.语句.函数等等)DOM:文档对象模型,包含(整个 html 页面的内容).BOM:浏览器对象模型,包含(整个浏览器相关内容) 步骤(BOM) 1. window对象第一步: 确定事件(onsubmit)并为其绑定一个函数第二步: 书写这个函数(获取用户输入的数据<需要在指定位置定义一个id>) 第三步: 对用户输入的数据…

JavaScript学习笔记之DOM介绍

目录 1.简介 2.方法 3.属性 4.访问节点 5.修改节点 6.添加节点 7.删除节点 8.替换节点 9.改变 CSS 1.简介文档对象模型(Document Object Model,DOM)使 JavaScript 可以访问和操作 HTML 文档当网页被加载时,浏览器会创建页面的文档对象模型,根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都被视为节点,而 HTML 文档则被视为节点树 2.方法 DOM 方法定义在节点上执行的动作,以下列出常用的 DOM 方法:…

javascript学习笔记之DOM

DOM(文档对象模型),描述了一个层次化的节点树一.DOM NODE相关公共属性与方法 DOM中所有节点都实现了NODE接口,该接口的公共属性和方法如下: 1.节点基本属性 1)NodeType 节点类型,利用12个数值来表示.常见的有:1代表元素节点,2代表属性节点,3代表文本节点,8代表注释节点,9代表document,11代表iframe 2) NodeName与NodeValue 这两个属性的值完全取决于特定的节点类型.例:如果是元素节点,那么nodeName的值为元素的标签名,nod…