DOM脚本getElementsByID - 链接

Question

I'm learning php and DOM. And i have issue. So, I am trying to improve and understand the following. I have some links with ID div and I am attaching event on them:

<div  id='articleList1' >
    

            

            <div class="hotOne">
                <a class="" href="http://link1/index.html" >
                <span class="itemTitle">

        1 title
                </span>

                <img src="1.jpg" class=""     

                alt="1"
                title="1"
                    border="0"
                />
                       

                </a>
            </div>

            <div class="hotThree">
                <ul>
             
 <li class="item item1 ">
         
     <a href="http://link2/index.html" title="2" >
                    <span class="itemTitle"> 
 2 title
                    </span>        <img src="2.jpg" class=""     

                alt="2"
                title="2"
                    border="0"
                />        <p>             2 tekst </span>         </p>     </a>
                                                                               
 </li>             
 <li class="item item2 ">
         
     <a href="http://link3.html" title="3" >
                    <span class="itemTitle"> 
 3 title
                    </span>        <img src="3.jpg" class=""     

                alt="3"
                title="3"
                    border="0"
                />        <p>             3 tekst </span>         </p>     </a>
                                                                               
 </li>
                        
</div>

<?php $div1 = $dom->getElementById('articleList1');
 $href = $div1->getElementsByTagName('a');


 foreach ($href as $hrefs) {
  $link = $hrefs->getAttribute('href');
}

echo '<a href ="'.$link.'">'.$link.'<br>'); ?>

However, this script does not work. And I don't know why it's not work?. Thx for all answers.

</div>

Answer 1

Your HTML markup is pretty poor - there are mistakes creeping in which will not help working with the DOM.

<div  id='articleList1' >
    <div class="hotOne">
        <a class="" href="http://link1/index.html" >
            <span class="itemTitle">1 title</span>
            <img src="1.jpg" class="" alt="1" title="1" border="0" />
        </a>
    </div>
    <div class="hotThree">
        <ul>
            <li class="item item1 ">
                <a href="http://link2/index.html" title="2" >
                    <span class="itemTitle">2 title</span>
                    <img src="2.jpg" class="" alt="2" title="2" border="0" />
                    <p>2 tekst</p><!-- <~~~ error here previously -->
                </a>
            </li>
            <li class="item item2 ">
                <a href="http://link3.html" title="3" >
                    <span class="itemTitle">3 title</span>
                    <img src="3.jpg" class="" alt="3" title="3" border="0" />
                    <p>3 tekst</p><!-- <~~~ error here previously -->
                </a>
            </li>
        </ul><!-- missing -->
    </div>
</div><!-- missing -->


<?php
    $col=$dom->getElementsByTagName('a');
    foreach( $col as $node ){
        if( $node->nodeType===XML_ELEMENT_NODE && $node->hasAttribute('href') ){
            echo $node->getAttribute('href');
        }
    }
?>