遍历“DOM2级遍历和范围”模块定义了两个用于辅助完成顺序遍历DOM结构的类型:NodeIterator和TreeWalker,两个类型能够基于给定的起点对DOM结构执行深度优先(depth-first)的遍历操作,与DOM兼容的浏览器都可以访问到这些类型的对象,IE不支持DOM遍历使用以下代码检测浏览器对DOM2级的遍历支持情况:var supportsTraversals=document.i
css三种选择方式<!DOCTYPE HTML><html><head> <style> .special{ color: red; } h2.special{ text-transform: uppercase; ...
原创 2021-06-29 10:07:40
149阅读
css三种选择方式<!DOCTYPE HTML><html><head> <style> .special{ color: red; } h2.special{ text-transform: uppercase; ...
原创 2022-01-18 11:40:36
114阅读
什么是JS DOM编程
原创 2022-11-21 16:27:21
55阅读
第一章 Java Script简史1、DOM是指文档对象模型。我们可以利用DOM给文档增加交互能力。DOM简单来说就是一套对文档的内容进行抽象和概念化的方法,是一种应用编程接口。第二章 Java Script语法1、Java Script代码执行的两种方法:①将Java Script代码直接放到HTML文档<head>标签中的<script>标签里;②将Java Scrip
这本书留给我的印象就是结构、表现和行为层的分离,以及书后面部分一直在强调的最佳实践原则:平稳退化,逐步增强,向后兼容以及性能考虑。要注意这不是一本JavaScript入门书籍~ 2.1 准备工作用JavaScript编写的代码必须通过HTML/XHTML文档才能执行。最好的做法是把<script>标签放到HTML文档的最后,</body>标签之前: <!D
这个还是接着这篇文章写的那一篇写得太长了,编辑器有点吃不消,所以又新开了一篇nodetype取值图片参考自
原创 2022-01-18 11:39:26
96阅读
BOM(Broswer Object Model)定时器:执行一次的定时器   var taskid=window.setTimeout(function,ms);关闭:window.clearTimeout(taskid);执行无数次的定时器  var taskid=window.setInteval(function,ms);关闭:window.clearInte
转载 2023-07-06 13:17:34
46阅读
这个还是接着这篇文章写的那一篇写得太长了,编辑器有点吃不消,所以又新开了一篇nodetype取值图片参考自
原创 2021-06-29 10:06:27
144阅读
DOM Core常用部分:DOM方法创建节点:createElement(),createTextNode()复制节点:cloneNode()插入节点:appendChild(),insertBefore删除节点:removeChild()替换节点:replaceChild()查找节点:getAttribute(),getElementById(),getElementsByTagName,hasChildNodes设置节点属性:setAttribute()DOM属性节点的属性:nodeName,nodeType,nodeValue遍历节点树:childNodes,firstChild,las
转载 2012-04-12 16:34:00
96阅读
2评论
Three sheets to the WebContent on the Web can be wrapped up in three successive layers that are readable byweb browsers:StructurePresentationBehaviorThe style propertyEvery element in a document is an object. Every one of these objects has a whole collectionof properties. Some properties contain inf
转载 2012-08-28 16:22:00
107阅读
2评论
本篇文章要实现以下几个功能点:1.平稳退化:在没有JS的情况下也能正常工作 2.分离JS和HTML 3.向后兼容性:新老版本的浏览器都适用 4.性能优化1. 平稳退化功能 要保证JS代码适用于各个版本、各种类型的浏览器,甚至在禁用JS代码的时候,依然能正常运行。2.”javascript:”伪协议 这是一种非标准化的协议,能让我们通过一个链接来调用JS函数。 “真”协议用来在因特网上的
下载地址:网盘下载  内容简介  · · · · · · 本书讲述了JavaScriptDOM的基础知识,但重点放在DOM编程技术背后的思路和原则:预留退路、循序渐进和以用户为中心等,这些概念对于任何前端Web开发工作都非常重要。本书将这些概念贯穿在书中的所有代码示例中,使你看到用来创建图片库页面的脚本、
转载 2023-09-13 20:13:06
51阅读
1 输出Hello world<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello world</title> <script type="text/javascript"> document.write("Hello
转载 2023-08-16 10:30:29
38阅读
第一部分目录 第1章 JavaScript简史  1.1 JavaScript的起源  1.2 浏览器之争  1.3 制定标准  1.4 小结 第2章 JavaScript语法  2.1 准备工作  2.2 语法  2.3 语句  2.4 变量  2.5 操作  2.6 条件语句  2.7 循环语句  2.8 函数  2.9 对象  2.10 小结 第3章 DOM
刚刚结束《JavaScript DOM编程艺术》这本书,可能就是因为自己了解到的东西太少,所以这本书让我感觉学到了很多有用的东西,你可以在豆瓣上看到这本书的介绍和相关评论,我给的推荐等级是“力荐”,当然这是对初学者来说 由于内容比较多,我决定把这本书的studynote分成两个部分。这一部分介绍关于“JavaScript语法与良好编程习惯”以及“DOM常用属性与方法”方面的学习笔记。 现
第一章《JavaScript简史》1、JavaScript是一种脚本语言,通常只能通过Web浏览器去完成一些操作而不能像普通意义上的程序那样独立运行,它需要由Web浏览器进行解释和执行。2、DOM是一套对文档的内容进行抽象和概念化的方法,它是一种API(应用编程接口)。W3C对DOM的定义是:一个与系统平台和编程语言无关的接口,程序和脚本可以通过这个接口动态地访问和修改文档的内容、结构和样式。&n
国庆假期花了三四天看了这本书,书很薄,因为是入门书,干货也不是很多。4. childNodes nodeType nodeValue firstChild lastChildchildNodes返回所有直接子节点,元素节点为1,属性节点为2,文本节点为3,甚至还包括换行和空格也作为节点来看(和children的区别)p 的第一个firstChild是其中的文本,难道不应该可以是属性节点??————
JavaScript十、DOM10.1 节点层次10.1.1 Node类型10.1.1.1 nodeName和nodeValue属性10.1.1.2 节点关系10.1.1.3 操纵节点10.1.1.4 其他方法10.1.2 Document类型10.1.2.1 document子节点10.1.2.2 文档信息10.1.2.3 查找元素10.1.2.4 特殊集合10.1.2.5 DOM一致性检测1
转载 2023-06-06 12:25:27
91阅读
节点访问 /*节点访问: ID: document.getElementById("ID值"); 标签名(TagName): document.getElementsByTagName("小写的标签名"); 会返回给我一个Node对象数组 NAME: document.getElementsByName("name值");
原创 2021-06-01 15:44:22
93阅读
  • 1
  • 2
  • 3
  • 4
  • 5