Javascript DOM 加强
1,DOM的概念
文档对象模型,他会将我们的文档转换成Javsscript可以操作的对象。
2,有哪几部分结构
元素节点
(1)document.getElementById(‘id值’)
(2)Document.getElementsByName(“元素名称”)
一般情况下,我们用于表单,(考虑到浏览器的兼容性)
(3)document.getElementsByTagName(“标签名”)
属性节点
获得属性节点
getAttribute(“属性名”)
修改属性节点
setAtrribute(‘属性名’,’新的属性值’)
文本节点
网页换肤
function changeColor(c){
document.bgColor = c;
}
3, Javascript DOM 的增删改查
<?php
header("Content-Type:text/html;charset=utf-8");
$xml_cont =file_get_contents("bookshelf.xml");
$sxe = newSimpleXMLElement($xml_cont);
/*
查
$books = $sxe ->book;
foreach($books as $book ){
echo $book->title;
}
增
$book= $sxe->addchild('book');
$title =$book->addchild('title','还不回家');
$author =$book->addchild('author','还不回家');
$sxe->asxml("bookshelf.xml");
改
$books = $sxe ->book;
$sxe->book[3]->author = '古龙';
$sxe->asxml("bookshelf.xml");
删*/
$book = $sxe->book;
unset($book[1]);
$sxe->asxml("bookshelf.xml");
HTML DOM:js对HTML文档的访问及增删改查都是通过DOM来实现的,DOM文档对象模型,将文档转化成对象的模型。有元素节点,属性节点、文本节点。
元素节点:
createElement()创建元素节点
查找元素节点
getElementsByTagName()
getElementById()
getElementsByName()
属性节点:
getAttribute()获得属性节点
setAttribute()设置属性节点
removeAttribute()删除属性
createAttribute()创建属性
文本节点:
createTextNode()创建文本节点
innerHTML
innerText
nodeValue
更改或删除通过innerHTML = '新值'
删除节点:
父节点.removeChild(子节点)
节点信息:
nodeName 节点名称
nodeValue 节点值
nodeType 节点类型
Xml:
Xml(可扩展性标记语言)、html(超文本标记语言)
Xml的优点:
1,存储和传输数据
2,作为小型数据库使用
3,将某些项目的配置文件保存到XML中,作为项目的配置文件使用
Xml的规则:
1,必须有且只有一个根元素
2,属性值建议用双引号引起来
3,所有元素必须闭合
4,如果XML中有特殊字符,需要实体引用
< ----- <
> ----- >
& ----- &
‘ ----- '
“ ----- "
PHP如何操作XML
1,DOM方式解析
2,SAX(Simple API for XML)
3,simpleXML
php提供的simpleXML对象来便捷操作
XPath:
用来定位找到xml元素节点的一种言。
(1)先有DOMDocument对象
(2)加载xml文件
(3)实例化DOMXPath对象
(4)查询
XPath的相应规则:
1,利用元素名查找元素 //元素名
2,按照位置查找 /经过的元素1/经过的元素2/查找的 元素
3,按照集合中的索引查找
4,利用子元素的值查找 /元素名[]
5,利用元素的属性查找 /@属性名=属性值
6,获得属性 @属性名
MVC:
M ----- 处理数据
V------ 处理显示的
C------ 控制器(司令)协调M和V的
Model 是处理数据的、 views 存放所有的模板文件、控制器逻辑的。