黑马程序员_PHP_课程同步笔记day11:DOM介绍_黑马程序员php笔记

其他范文 时间:2020-02-28 03:24:49 收藏本文下载本文
【www.daodoc.com - 其他范文】

黑马程序员_PHP_课程同步笔记day11:DOM介绍由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“黑马程序员php笔记”。

【济南中心】PHP课程同步笔记day11:DOM介绍

DOM(文本对象模型(Document Object Model))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代表当前节点的某个属性。举例:var src = 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”)案例:

new document

黑马程序员济南中心 编著

//当网页加载完成,调用JS程序

window.onload = function(){

} //函数:删除src属性

function removeImg(imgObj){

} //删除src属性

imgObj.removeAttribute(“src”);imgObj.removeAttribute(“width”);//查找img节点

var imObj = document.body.firstChild;//向img节点添加src属性

imgObj.setAttribute(“src”,“images/01.jpg”);//向img节点添加width属性 imgObj.setAttribute(“width”,400);//向img节点添加border属性 imgObj.setAttribute(“border”,2);//向img节点添加style属性

imgObj.setAttribute(“style”,“padding:20px”);//向img节点添加onclick属性

imgObj.setAttribute(“onclick”,“removeImg(this)”);

黑马程序员济南中心 编著

黑马程序员_PHP_课程同步笔记day35:PDO介绍

PDO介绍pdo是什么? PDO: PHP 的 Data Object(php的数据对象) pdo到底是什么? 它相当于“别人”写的mysqldb工具类! 比如: $pdo = new pdo();//这就是$pdo的一个对象! 但pdo比我们自己写的m......

黑马程序员_PHP_课程同步笔记day17:数组介绍

【黑马程序员】PHP课程同步笔记day17:数组介绍数组 1.数组的概念数组是一组值的集合,变量是单个值的容器,而数组是多个值的容器 2.数组的分类1.枚举数组:数组的下标是从0开始的......

黑马程序员_PHP_课程同步笔记day07:JS介绍(二)

【黑马程序员】PHP课程同步笔记day07:JS介绍(二) 流程控制If语句:格式:if(条件){//语句块} 如果条件满足true,才执行大括号里面的代码,如果条件不满足,则不执行大括号里面的代码。......

黑马程序员_PHP_课程同步笔记day13:PHP基础介绍

【黑马程序员】PHP课程同步笔记day13:PHP基础介绍1.语言基础PHP文件的访问,必须要经过虚拟空间(域名),才能访问PHP文件,不能本地直接访问 Php文件的扩展名:.php Php代码的标记:

黑马程序员_PHP_课程同步笔记day05:CSS介绍(二)

【黑马程序员】PHP课程同步笔记day05:CSS介绍(二) CSS内边距属性:padding填充Padding:一个数字,指的是四个方向是一样的(上右下左)Padding的四个属性: Padding-top(上内边距),padd......

下载黑马程序员_PHP_课程同步笔记day11:DOM介绍word格式文档
下载黑马程序员_PHP_课程同步笔记day11:DOM介绍.doc
将本文档下载到自己电脑,方便修改和收藏。
点此处下载文档

文档为doc格式

热门文章
点击下载本文