黑马程序员济南中心PHP第11天教程_黑马程序员python教程

2020-02-28 其他范文 下载本文

黑马程序员济南中心PHP第11天教程由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“黑马程序员python教程”。

【济南中心】PHP课程同步笔记day07: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属性 //查找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)”);

} imgObj.removeAttribute(“src”);imgObj.removeAttribute(“width”);

黑马程序员济南中心PHP第5天教程

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

黑马程序员PHP培训教程:AJAX聊天室

AJAX聊天室设计meage表:用来保存聊天信息获取最新的聊天记录PHP页面:大于最大聊天编号的记录肯定是新的聊天记录1 2 3 4 5 6 7 8 9

黑马程序员PHP培训教程:GET请求

GET请求语法:open(get|post,URL地址) PHP页面

黑马程序员PHP培训教程:Linux介绍

Linux介绍1、计算机资源计算机资源是由两部分组成:硬件资源:键盘、显示器、鼠标、硬盘、内存等等。 软件资源:应用程序,如office、qq等等。 问题:用户在键盘上的操作(打字)为什么会......

黑马程序员PHP培训教程:发表聊天记录

发表聊天记录 HTML页面function sendMeage(){ var frm=document.getElementById('frm'); var fd=new FormData(frm); var req=new XMLHttpRequest(); req.open('post......

《黑马程序员济南中心PHP第11天教程.docx》
将本文的Word文档下载,方便收藏和打印
推荐度:
黑马程序员济南中心PHP第11天教程
点击下载文档
相关专题 黑马程序员python教程 济南 黑马 程序员 黑马程序员python教程 济南 黑马 程序员
[其他范文]相关推荐
[其他范文]热门文章
下载全文