如何使用javascript提取整个表标记

时间:2011-11-24 10:59:49

标签: javascript html

<div class="test">
<table> 
  <tr valign="center"> 
    <td><a href="url" target="_blank"></a></td> 
    <td>abc </td> 
    <td>pqr</td> 
    <td>xyz</td> 
 </tr>
</table>

   HTML文字

我在javascript中将其作为字符串。我想提取整个表格标签。

 <table> 
  <tr valign="center"> 
    <td><a href="url" target="_blank"></a></td> 
    <td>abc </td> 
    <td>pqr</td> 
    <td>xyz</td> 
  </tr> 
</table>

3 个答案:

答案 0 :(得分:2)

试试这个:

var tableString = document.getElementsByTagName('table')[0].innerHTML;

使用jQuery,您可以执行类似

的操作
var tableString = $('div.test table').html();

答案 1 :(得分:0)

不确定你想要什么...

$('.test table')为您提供表格。

$('.test table').html() html代码。

$('.test').html('')将其从页面中删除。

答案 2 :(得分:0)

如果“整个表标记”是指包含开始和结束TABLE标记的HTML,那么您可以执行以下操作:

var table = document.getElementsByTagName('table')[0];

if (table) {

  // If outerHTML property available, use it
  if (typeof table.outerHTML == 'string') {
    return table.outerHTML;

  // Otherwise, emualte it
  } else {
    var div = document.createElement('div');
    div.appendChild(table.cloneNode(true));
    return div.innerHTML;
  }
}