黑马程序员_PHP_课程同步笔记day11：DOM介绍（五篇范例）.docx

黑马程序员_PHP_课程同步笔记day11：DOM介绍（五篇范例）

第一篇：黑马程序员_PHP_课程同步笔记day11：DOM介绍【济南中心】PHP课程同步笔记day11：DOM介绍DOM(文本对象模型(DocumentObjectModel))W3C组织推荐的处理可扩展标志语言的标准编程接口。W3C的DOM，可以使程序或脚本(JS或AS、JScript)，动态的访问或操作文档的内容、结构、样式。DOM只是一个标准，就是操作网页的标准。而这个标准(模型)在浏览器中，以“对象”的方式实现。DOM的分类核心DOM：提供了操作HTML文档(显示)或XML文档(存储数据)的公共的属性和方法。HTMLDOM：针对HTML文档，提供的专有的属性和方法。EventDOM：事件DOM，提供了很多的常用事件。CSSDOM：提供了操作CSS的一个接口。HTML节点树DOM中节点的类型：document文档节点：代表整个网页，document文档节点不对应标记。是访问文档黑马程序员济南中心编著中各元素的起点。element元素节点：元素节点对应于网页中的各标记。attribute属性节点：每个元素都有若干个属性。Text文本节点：文本节点是最底层节点。核心DOM公共属性和方法nodeName：节点名称。nodeValue：节点的值。firstChild：第一个子节点。lastChild：最后一个子节点。parentNode：父节点。childNodes：子节点列表，是一个数组。节点访问查找html节点的方法document.firstChilddocument.documentElement(兼容性较好)查找body节点的方法document.firstChild.lastChilddocument.body(推荐使用)节点属性1、getAttribute()——获取属性的值描述：获取节点属性的值。语法：nodeObj.getAttribute(name)黑马程序员济南中心编著参数：name代表当前节点的某个属性。举例：varsrc=imgObj.getAttribute(“src”)2、setAttribute()——添加属性描述：给某个节点添加属性。语法：nodeObj.setAttribute(name,value)参数：name代表属性名称。value代表属性的值。举例：imgObj.setAttribute(“src”,“images/02.jpg”)3、removeAttribute()——删除属性描述：删除某个节点的属性。语法：nodeObj.removeAttribute(name)举例：imgObj.removeAttribute(“src”)案例：newdocument黑马程序员济南中心编著第二篇：黑马程序员_PHP_课程同步笔记day17：数组介绍【黑马程序员】PHP课程同步笔记day17：数组介绍数组1.数组的概念数组是一组值的集合，变量是单个值的容器，而数组是多个值的容器2.数组的分类1.枚举数组：数组的下标是从0开始的正整数2.关联数组：数组的下标可以是字符串$arr=array(“db_host”=>“localhost”,“db_user”=>“root”,“db_pwd”=>”root”,);3.混合数组：下标既有整型的，也有字符串的$arr=array(“db_host”=>“localhost”,“db_user”=>“root”,“db_pwd”=>”root”,“黑马程序员”,“济南分校”);4.多维数组:数组的元素的值的类型是一个数组。数组套数组。数组元素的下标只能是正整数和字符串。数组元素的值，可以是任何类型，当然可以是数组。黑马程序员济南中心编著$arr=array(Array(10,11,12,13),Array(20,21,22),Array(30,31),TRUE,NULL);3.数组的创建a)使用array()来创建数组$arr=array([$key=>]$value,[$key=>]$value,[$key=>]$value,.....);语法说明：$key代表数组元素的下标，可以省略。$key的类型可以是整型和字符型，如果$key省略，默认的数组应该是枚举数组。$value代表数组元素的值，值可以是任何类型。“=>”重载下标，或者重新指定下标。多个数组元素之间用英文下的逗号隔开。b)使用[]创建数组的语法语法1：$arr[]=$value黑马程序员济南中心编著说明:1）如果数组不存在，则会创建一个数组2）第一个元素就是下标为0的元素3）如果数组存在，则相当于添加一个新元素4）新元素的下标，应该是最大整数下标+1语法2：$arr[$key]=