用PHP代替JS玩轉DOM的思路及示例代碼
更新時間:2014年06月15日 17:21:29 投稿:whsnow
思路就是通過DOMDocument將一個html file轉換成DOM樹的數(shù)據(jù)結構,再用DOMXPath的實例去搜索這個DOM樹,接下來就可以對當前節(jié)點的子樹進行遍歷
事情的起源比較簡單,我需要把一個導航頁的數(shù)據(jù)整理好寫入數(shù)據(jù)庫。一個比較直觀的方法是對html文件進行分析,通用的方法是用php的正則表達式來匹配。但是這樣做開發(fā)和維護都很困難,代碼可讀性非常差。
導航頁的數(shù)據(jù)都是規(guī)則的排列在DOM樹當中的,用JS可以用幾個循環(huán)輕松的對其進行操作,而且JS需要依賴瀏覽器,操作數(shù)據(jù)庫很困難。其實PHP就有現(xiàn)成的類庫對DOM樹種的節(jié)點進行增刪改查操作,在此做一些筆記。
這里涉及到2個類 DOMDocument 和 DOMXPath。
其實思路比較明確,就是通過DOMDocument將一個html file轉換成DOM樹的數(shù)據(jù)結構,再用DOMXPath的實例去搜索這個DOM樹,拿到想要特定節(jié)點,接下來就可以對當前節(jié)點的子樹進行遍歷,得到想要的結果。
在當前目錄下有一個這樣一個導航的html文件 "./hao.html"
現(xiàn)在需要得到所有<a>標簽的中文內容,php代碼如下:
<?php
//將html/xml文件轉換成DOM樹
$dom = new DOMDocument();
$dom->loadHTMLFile("hao.html");
//得到所有class為fix的dl標簽
// example 1: for everything with an id
//$elements = $xpath->query("http://*[@id]");
// example 2: for node data in a selected id
//$elements = $xpath->query("/html/body/div[@id='yourTagIdHere']");
// example 3: same as above with wildcard
//$elements = $xpath->query("*/div[@id='yourTagIdHere']");
$xpath = new DOMXPath($dom);
$dls = $xpath->query('//dl[@class="fix"]');
foreach ($dls as $dl) {
$spans = $dl->childNodes;
foreach ($spans as $span) {
echo trim($span->textContent)."\t";
}
echo "\n";
}
?>
輸出結果如下:
注意:值得注意的一點是DOMDocument的默認編碼方式是Latin,所以在處理utf編碼的中文的時候,需要在<head>后面緊跟著填入
<meta http-equiv="content-type" content="text/html; charset=utf-8">
在其他位置,或者是只寫上<meta content="charset=utf-8">都是不識別的哦
導航頁的數(shù)據(jù)都是規(guī)則的排列在DOM樹當中的,用JS可以用幾個循環(huán)輕松的對其進行操作,而且JS需要依賴瀏覽器,操作數(shù)據(jù)庫很困難。其實PHP就有現(xiàn)成的類庫對DOM樹種的節(jié)點進行增刪改查操作,在此做一些筆記。
這里涉及到2個類 DOMDocument 和 DOMXPath。
其實思路比較明確,就是通過DOMDocument將一個html file轉換成DOM樹的數(shù)據(jù)結構,再用DOMXPath的實例去搜索這個DOM樹,拿到想要特定節(jié)點,接下來就可以對當前節(jié)點的子樹進行遍歷,得到想要的結果。
在當前目錄下有一個這樣一個導航的html文件 "./hao.html"
現(xiàn)在需要得到所有<a>標簽的中文內容,php代碼如下:
復制代碼 代碼如下:
<?php
//將html/xml文件轉換成DOM樹
$dom = new DOMDocument();
$dom->loadHTMLFile("hao.html");
//得到所有class為fix的dl標簽
// example 1: for everything with an id
//$elements = $xpath->query("http://*[@id]");
// example 2: for node data in a selected id
//$elements = $xpath->query("/html/body/div[@id='yourTagIdHere']");
// example 3: same as above with wildcard
//$elements = $xpath->query("*/div[@id='yourTagIdHere']");
$xpath = new DOMXPath($dom);
$dls = $xpath->query('//dl[@class="fix"]');
foreach ($dls as $dl) {
$spans = $dl->childNodes;
foreach ($spans as $span) {
echo trim($span->textContent)."\t";
}
echo "\n";
}
?>
輸出結果如下:
注意:值得注意的一點是DOMDocument的默認編碼方式是Latin,所以在處理utf編碼的中文的時候,需要在<head>后面緊跟著填入
復制代碼 代碼如下:
<meta http-equiv="content-type" content="text/html; charset=utf-8">
在其他位置,或者是只寫上<meta content="charset=utf-8">都是不識別的哦
相關文章
PHP setcookie設置Cookie用法(及設置無效的問題)
平時用Session比較多,很少用到Cookie,這次是為了解決Discuz!自動同步登陸不得不用Cookie。2011-07-07
php+html5使用FormData對象提交表單及上傳圖片的方法
這篇文章主要介紹了php+html5使用FormData對象提交表單及上傳圖片的方法,實例分析了FormData對象的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-02-02
使用php+Ajax實現(xiàn)唯一校驗實現(xiàn)代碼[簡單應用]
使用php+Ajax實現(xiàn)唯一校驗實現(xiàn)代碼[簡單應用],前臺用ajax后臺用php,需要的朋友可以參考下。2011-11-11
PHP實現(xiàn)基于mysqli的Model基類完整實例
這篇文章主要介紹了PHP實現(xiàn)基于mysqli的Model基類,給出了數(shù)據(jù)庫基類的完整實現(xiàn)與使用方法,需要的朋友可以參考下2016-04-04

