Question

<div id='myid'>
    <div>
        <ul>
            <li><strong>A</strong></li>
            <li><strong>B</strong></li>
            <li><strong>C</strong></li>
            <li><strong>D</strong></li>
            <li><strong>E</strong></li>
        </ul>
    </div>
</div>

如何在JavaScript变量中获取包含HTML数据的div？

Answer 1

使用jQuery，如果你想存储html：

var html = $('#myid').html();

如果您只想存储文字：

var html = $('#myid').text();

Answer 2

你想使用php吗？

如果是这种情况，您将不得不使用DOMElement类http://php.net/manual/en/class.domelement.php

在你的情况下：

$doc = new DOMDocument(); 
$doc->loadHTMLFile('YOUR HTML FILE PATH');    
$elem = $doc->getElementById('myid'); 

// loop through all childNodes, getting html        
$children = $elem->childNodes; 
foreach ($children as $child) { 
    $tmp_doc = new DOMDocument(); 
    $tmp_doc->appendChild($tmp_doc->importNode($child,true));        
    $innerHTML .= $tmp_doc->saveHTML(); 
} 

die(var_dump($innerHTML));

我们如何在JavaScript变量中获取带有HTML数据的div

2 个答案: