溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

怎么用PHP代替JS操作DOM

發(fā)布時(shí)間：2021-09-01 07:05:20 來(lái)源：億速云 閱讀：162 作者：chen 欄目：開(kāi)發(fā)技術(shù)

這篇文章主要介紹“怎么用PHP代替JS操作DOM”，在日常操作中，相信很多人在怎么用PHP代替JS操作DOM問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”怎么用PHP代替JS操作DOM”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

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

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

這里涉及到2個(gè)類(lèi) DOMDocument 和 DOMXPath。

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

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

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

復(fù)制代碼 代碼如下:


<?php
//將html/xml文件轉(zhuǎn)換成DOM樹(shù)
$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";
}
?>


輸出結(jié)果如下：

注意：值得注意的一點(diǎn)是DOMDocument的默認(rèn)編碼方式是Latin，所以在處理utf編碼的中文的時(shí)候，需要在<head>后面緊跟著填入

復(fù)制代碼 代碼如下:


<meta http-equiv="content-type" content="text/html; charset=utf-8">


在其他位置，或者是只寫(xiě)上<meta content="charset=utf-8">都是不識(shí)別的哦

到此，關(guān)于“怎么用PHP代替JS操作DOM”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

php
AI
助
手