HTML XML DOM个人总结
·概念:js通过DOM实现对HTML文档的更删改查操作。
DOM,文档对象模型,将文档转化成对象。
主流浏览器中内置文档解析器。
·规则:HTML文档对应的节点:document。
document对象时html标签转化成的对象,可以对html文档进行操作。
·元素节点:将每个html标签转化成对应的节点。
增:document.createElement()、appendChild().
删:removeElement()。
查:getElementsByTagName()。
getElementById()。
getElementsByName()。
·属性节点:获得属性:getAttribute();
设置属性:setAttribute();
删除属性:removeAttribute();
创建属性:createAttribute()。
·文本节点:创建文本节点:document.createTextNode('asdasd');
修改文本节点可以重新给innerHTML赋值。
·查找节点:parentNode firstChild lastChild
·删除节点:removeChild()。
·图片切换:动态图片切换
Count++ 后++先运算后值增
序号和图片同步显示
也就是显示第一张图片时,序号1高亮显示,以此类推
鼠标点击序号显示当前对应的图片
·XML被称为web的世界语,可拓展新兴标记语言 Extensive Make Language
·用途:存储和传输数据
·语法规则:在表示非常复杂的数据是采用xml或者原生态json。
必须有一个根元素。
属性值用双引号(建议)。
所有元素必须闭合。
如果XML中有特殊字符,需要实体引用。
& ---- & ‘ ---- &apos “ ---- "
·PHP操作XML:DOM解析:将XML文档转化成PHP可以操作的对象。DOMDocument操作整个节点树、DOMElement 操作DOM节点树中某个元素节点、DOMNodeList 操作DOM节点树中某些元素的集合。
·var_dump:返回数据类型
·操作步骤:实例化当前需要的对象。
加载XML文档。
通过标签名找到元素。
通过DOMNodeList对象的item()方法根据索引获得某个节点。
如果下面还有子元素,继续调用getElementByTagName寻找。
最后通过nodeValue获得所要的值。
·通过PHP创建一个XML:在整个文档内创建一个节点。
在新建的节点增加内容。
确定节点的位置
用save方法保存。
·$doc ->formatOutput = true;
将编写的代码可视化(一级一级的结构显示)
但是,不建议可视化(建议$doc ->formatOutput = false;)
·不管是创建元素节点还是属性节点,创建的时候不去确定它的位置,所以是DOMDocument对象去创建,创建完之后再去确定它的位置
·header("Content-Type:text/html;charset=utf-8");
告诉浏览器,我给你发送的是文本,编码为utf-8 清查收
·