用php代替js玩轉(zhuǎn)dom的思路及示例代碼

當(dāng)前位置：首頁(yè) > 范文|應(yīng)用文 > IT技術(shù)專欄 > 網(wǎng)絡(luò)編程

來(lái)源：易賢網(wǎng) 閱讀：1071 次日期：2014-07-31 09:59:44

溫馨提示：易賢網(wǎng)小編為您整理了“用php代替js玩轉(zhuǎn)dom的思路及示例代碼”,方便廣大網(wǎng)友查閱！

事情的起源比較簡(jiǎn)單，我需要把一個(gè)導(dǎo)航頁(yè)的數(shù)據(jù)整理好寫入數(shù)據(jù)庫(kù)。一個(gè)比較直觀的方法是對(duì)html文件進(jìn)行分析，通用的方法是用php的正則表達(dá)式來(lái)匹配。但是這樣做開發(fā)和維護(hù)都很困難，代碼可讀性非常差。

導(dǎo)航頁(yè)的數(shù)據(jù)都是規(guī)則的排列在dom樹當(dāng)中的，用js可以用幾個(gè)循環(huán)輕松的對(duì)其進(jìn)行操作，而且js需要依賴瀏覽器，操作數(shù)據(jù)庫(kù)很困難。其實(shí)php就有現(xiàn)成的類庫(kù)對(duì)dom樹種的節(jié)點(diǎn)進(jìn)行增刪改查操作，在此做一些筆記。

這里涉及到2個(gè)類 domdocument 和 domxpath。

其實(shí)思路比較明確，就是通過(guò)domdocument將一個(gè)html file轉(zhuǎn)換成dom樹的數(shù)據(jù)結(jié)構(gòu)，再用domxpath的實(shí)例去搜索這個(gè)dom樹，拿到想要特定節(jié)點(diǎn)，接下來(lái)就可以對(duì)當(dāng)前節(jié)點(diǎn)的子樹進(jìn)行遍歷，得到想要的結(jié)果。

在當(dāng)前目錄下有一個(gè)這樣一個(gè)導(dǎo)航的html文件 ./hao.html

現(xiàn)在需要得到所有<a>標(biāo)簽的中文內(nèi)容，php代碼如下：

代碼如下:

<?php 
//將html/xml文件轉(zhuǎn)換成dom樹 
$dom = new domdocument(); 
$dom->loadhtmlfile(hao.html); 

//得到所有class為fix的dl標(biāo)簽 

// example 1: for everything with an id 
//$elements = $xpath->query(//*[@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; 
} 
?> 