php - 如何设置 Simple_HTML_DOM 输出的样式

Question

我使用简单的 HTML DOM 解析器通过以下代码获取图像及其 url:

<?php
    include_once('simple_html_dom.php');
    $url = "http://www.tokyobit.com";
    $html = new simple_html_dom();
    $html->load_file($url);
    foreach($html->find('img') as $img){
        echo $img . "<br/>";
        echo $img->src . "<br/>";
    }
?>

但是输出看起来不太好:

_{(来源:netdna-cdn.com)}

那么我如何在 CSS 中设置输出样式，就像为每个图像添加一个类及其 src 一样。我的 CSS:

.image-and-src {
    border: 2px solid #777;
} 

那么我该如何添加那个类呢？ : 图像和 src

Answer 1

foreach($html->find('img') as $img){
    echo '<div class="img-and-src">';
    echo $img . "<br/>";
    echo $img->src . "<br/>";
    echo '</div>';
}

添加到代码中的两行代码在循环时将 echo 的内容包装在您的类的 div 中。现在您还可以将文本包装在一个范围内，分别设置它们的样式。

如果您只想将类添加到图像而不设置文本样式，您可以尝试@Ajeet Manral 的回答:)