黑马程序员济南中心PHP第11天教程_黑马程序员python教程
黑马程序员济南中心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课程同步笔记day05:CSS介绍(二) CSS内边距属性:padding填充Padding:一个数字,指的是四个方向是一样的(上右下左)Padding的四个属性: Padding-top(上内边距),paddin......
AJAX聊天室设计meage表:用来保存聊天信息获取最新的聊天记录PHP页面:大于最大聊天编号的记录肯定是新的聊天记录1 2 3 4 5 6 7 8 9
GET请求语法:open(get|post,URL地址) PHP页面
Linux介绍1、计算机资源计算机资源是由两部分组成:硬件资源:键盘、显示器、鼠标、硬盘、内存等等。 软件资源:应用程序,如office、qq等等。 问题:用户在键盘上的操作(打字)为什么会......
发表聊天记录 HTML页面function sendMeage(){ var frm=document.getElementById('frm'); var fd=new FormData(frm); var req=new XMLHttpRequest(); req.open('post......
