DOM

来源：互联网发布：微信企业号源码编辑：程序博客网时间：2024/05/18 03:16

1,点击按钮后创建一个100px，背景银灰色的div,内容是HTML DOM练习

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function createDiv(){
//创建节点（参数为要创建的元素名或标签名）
var div=document.createElement("div");
//设置它的属性（样式）所有的css样式都是通过style实现的
div.style.backgroundColor="silver";
div.style.fontSize="100px";
//元素的内容通过innerHTML来获得
div.innerHTML='html dom 练习';
//确定他的位置（关系）
document.getElementById("div1").appendChild(div);
}

</script>
</head>

<body>

</body>

</html>

2，创建一个book.xml文档，PHP通过DOM方式解析获得每本书的作者和书名

(1)book.xml文件

<?xml version="1.0" encoding="utf-8" ?>
<bookshelf>
<book id="book1">
<title>php</title>
<author>aa</author>
</book>
<book id="book2">
<title>3g</title>
<author>bb</author>
</book>

(2)book.php文件

<?php
$doc = new DOMDocument('1.0','utf-8');
$doc ->load('book.xml');
$books=$doc->getElementsByTagName('book');
for($i=0;$i<=2;$i++){
$bo=$books ->item($i);
echo $bo->nodeValue;
}

3，PHP 通过DOM方式创建一个books.xml文件

<?php
//PHP 通过DOM方式创建一个books.xml文件
$doc = new DOMDocument('1.0','utf-8');
$bookshop= $doc->createElement('bookshop');
$doc ->appendChild($bookshop);
$book = $doc ->createElement('book');
$title = $doc ->createElement('title');
$author = $doc ->createElement('author');
$author->nodeValue='Anny';
$title->nodeValue='mysql';

$book ->appendChild($title);
$book ->appendChild($author);
$bookshop ->appendChild($book);
$doc ->formatOutput = false;
$doc ->save('books.xml');

4，使用XML作为项目的配置文件使用，并解析之，获得数据作为链接数据库的参数
a.php文件

<?php
$doc=new DOMDocument('1.0','utf-8');
$doc->load('a.xml');
$host =$doc->getElementsByTagName('host')->item(0)->nodeValue;
$db=$doc->getElementsByTagName('dbname')->item(0)->nodeValue;
$user=$doc->getElementsByTagName('user')->item(0)->nodeValue;
$pass=$doc->getElementsByTagName('pass')->item(0)->nodeValue;
mysql_connect($host,$user,$pass,$db);
?>

a.xml文件

<?xml version="1.0" encoding="utf-8"?>
<config>
<db>
<host>localhost</host>
<dbname>ecshop</dbname>
<user>root</user>
<pass>123</pass>
</db>
<smarty></smarty>
</config>