05.DOM

【05.DOM】的更多相关文章

DOM基础什么是DOM 标签元素节点浏览器支持情况火狐支持最好谷歌其次 ie最差尤其是ie6-8DOM节点节点分为:元素节点和文本节点测试节点的类型用nodeTypenodeType 为3时是文本节点nodeType 为1时是元素节点childNodes 节点不兼容要做判断一般用children children子节点只算第一层 parentNode父节点 <!DOCTYPE HTML> <html> <head> <meta charset=&q…

2016.01.05 DOM笔记（一）查找元素

DOM节点的种类元素和标签是一个意思,例如<body>标签或者称为<body>元素节点DOM的节点分为三类元素节点,文本节点,属性节点例如 <div id=‘box’>例子</div> 其中元素节点就是指这个div,文本节点就是指‘例子’这个文本,属性节点是指id 查找和定位节点查找元素JS提供的几种方法: getElementsById() document.getElementsById()DOM操作必须要等到HTML文档加载完毕才能进行怎…

自定义属性，innerHTML,outerHTML,dom节点的获取，className,tagName,更改或者是获取css属性

01.自定义属性 1.自定义属性: 作用:保存数据通用的自定义属性的前缀 data-属性="属性值" 注:自定义的属性不能通过元素.属性取属性值 ,需使用getAttribute(); 2.自定义属性的获取元素.getAttribute('data-url'); 3.设置节点.setAttribute('属性名称','修改后的属性值'): (修改后的属性值是一个变量的时候,不加引号) 4.删除元素.removeAttribute('data-url'); 简单测试:<…

20 个使用原生 JavaScript 实现的 Web 项目

20 个使用原生 JavaScript 实现的 Web 项目 20 vanilla JavaScript Web Projects https://github.com/learning-js-by-reading-source-codes/vanillawebprojects 目录 # 项目在线演示 01 Form Validator / 表单验证器在线演示 02 Movie Seat Booking / 电影座位预订在线演示 03 Custom Video Player / 自定义视频…

05浏览器-02-操作DOM

1.DOM操作梗概本篇内容实际上在另一篇笔记<从JS和jQuery浅谈DOM操作>已经提到了重点的地方,可以戳链接另外进行阅读. 以前提到过,实际上HTML在被浏览器加载以后,会变成 "一棵DOM树",里面的节点都是HTML DOM对象,而我们针对于DOM的操作,也就是针对这些节点对象来进行的,一般来说就是增.删.改.查(遍历)操作. 最常见的获取DOM节点的方式,无非是 document.getElementById().document.getElementsByTa…

05 JS基础DOM

JS的window对象定时器: window下一些方法: <script> 弹出 window.alert('hello') 返回布尔值 var ret = window.confirm('hello lzy') console.log(ret) 返回输入 var ret1 = window.prompt('hello ///') console.log(ret1) 转到新窗口 open('http://www.baidu.com') </script> 显示时间: <hea…

05 javascript知识点---BOM和DOM

1.DOM简单学习(为了满足案例要求) 功能:控制html文档的内容获取页面标签(元素)对象:Element document.getElementById("id值"):通过元素的id获取元素对象操作Element对象: 1. 修改属性值: 1. 明确获取的对象是哪一个? 2. 查看API文档,找其中有哪些属性可以设置 2. 修改标签体内容: * 属性:innerHTML 1. 获取元素对象 2. 使用innerHTML属性修改标签体内容 2.事件简单学习功能: 某些组件被执行了某…

JavaScript学习05（操作DOM）

操作DOM DOM(文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). HTML DOM 模型被结构化为对象树: 通过这个对象模型,JavaScript 获得创建动态 HTML 的所有力量: JavaScript 能改变页面中的所有 HTML 元素 JavaScript 能改变页面中的所有 HTML 属性 JavaScript 能改变页面中的所有 CSS 样式 JavaScript 能删除已有的 HTML 元素和属性 JavaScrip…

05 BOM与DOM

BOM和DOM 1. 什么是BOM和DOM 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识. JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行"对话". DOM (Document Object M…

SAX与DOM

http://www.cnblogs.com/zhulin/archive/2012/05/03/2480962.html 在解析xml时(如浏览器解析html标签),主要存在两种方式:SAX模式和DOM模式 SAX (Simple API for XML) 和 DOM (Document Object Model) 是当前两个主要的XML API,几乎所有商用的xml 解析器都同时实现了这两个接口.因此如果你的程序使用了SAX或者DOM APIs,那么你的程序对xml解析器是透明. SAX D…