黑马程序员_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)”);
黑马程序员济南中心 编著
PDO介绍pdo是什么? PDO: PHP 的 Data Object(php的数据对象) pdo到底是什么? 它相当于“别人”写的mysqldb工具类! 比如: $pdo = new pdo();//这就是$pdo的一个对象! 但pdo比我们自己写的m......
【黑马程序员】PHP课程同步笔记day17:数组介绍数组 1.数组的概念数组是一组值的集合,变量是单个值的容器,而数组是多个值的容器 2.数组的分类1.枚举数组:数组的下标是从0开始的......
【黑马程序员】PHP课程同步笔记day07:JS介绍(二) 流程控制If语句:格式:if(条件){//语句块} 如果条件满足true,才执行大括号里面的代码,如果条件不满足,则不执行大括号里面的代码。......
【黑马程序员】PHP课程同步笔记day13:PHP基础介绍1.语言基础PHP文件的访问,必须要经过虚拟空间(域名),才能访问PHP文件,不能本地直接访问 Php文件的扩展名:.php Php代码的标记:......
黑马程序员_PHP_课程同步笔记day05:CSS介绍(二)
【黑马程序员】PHP课程同步笔记day05:CSS介绍(二) CSS内边距属性:padding填充Padding:一个数字,指的是四个方向是一样的(上右下左)Padding的四个属性: Padding-top(上内边距),padd......