Question

目前我有一个表变量，我希望以这种方式获取其表内容：<table><tr></tr></table>而不是获取Javascript对象。有找到可以做到这一点的方法的解决方案吗？

Answer 1

Answer 2

这假设您的表是页面上唯一的表。如果不是这种情况，请使用tableID为其提供唯一ID（例如getElementsById("tableID")）和参考。

var tables = document.getElementsByTagName("table");
var firstTable = tables[0];
var tableAttr = firstTable.attributes;
// get the tag name 'table', and set it lower case since JS will make it all caps
var tableString = "<" + firstTable.nodeName.toLowerCase() + ">";
// get the tag attributes
for(var i = 0; i < tableAttr.length; i++) {
    tableString += " " + tableAttr[i].name + "='" + tableAttr[i].value + "'";
}

// use innerHTML to get the contents of the table, then close the tag
tableString += firstTable.innerHTML + "</" +
    firstTable.nodeName.toLowerCase() + ">";

// table string will have the appropriate content

你可以see this in action in a short demo。

需要学习的相关内容是：

getElementsByTagName - 按标记名称获取DOM元素
attributes - 获取属性数组的DOM属性
innerHTML - 在任何DOM对象中获取HTML的字符串
nodeName - 获取任何DOM对象的名称

如果您开始使用框架，jquery's .html()方法和getAttributes插件可能也会有所帮助

Answer 3

尝试以下代码......

<html>
<head>
    <script type="text/javascript">
        function sample_function(){
            alert(document.getElementById('div_first').innerHTML);
        }
    </script>
</head>
<body>
<div id="div_first">
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table></div>
    <button onclick="sample_function()">Click Here</button>
</body>
</html>

Javascript逆向工程：将html表转换为字符串/文本

3 个答案: