Javascript 如何将多个表数据内容添加到函数中

我对Javascript相当陌生，正在尝试处理我的网站上的一个页面，其中HTML标记显示的是每一位语法所代表的内容

我已经生成了一些JS，它们将获取第一个元素并按照我的需要输出它，但是我正在尝试对我的表中的每个表数据元素都这样做

出于某种奇怪的原因，getElementsByClassName在sublime 2中似乎不是可行的语法

我想知道的是如何将我的所有表数据语法发送到我的函数，并将其全部返回以供输出

<div class="container clearfix content">



        <table class="table">


        <tr>
            <td>&lt!DOCTYPE&gt</td>
            <td>Defines the document type</td>
        </tr>
        <tr>
            <td><b></td>
            <td>included Bold text</td>
        </tr>
        <tr>
            <td><aside></aside></td>
            <td>Defines content aside from the page content</td>
        </tr>

        </table> <!-- end of table -->


<div class="jsContent">

        <script type="text/javascript">
            var html = document.getElementsByClassName('table'[0].getElementsByTagName('td');
            html.innerHTML = html.innerHTML
            .replace('<', '&lt;')
            .replace('</', '&lt;/')
            .replace('>', '&gt;');
        </script>

&中尉！DOCTYPE>
定义文档类型
包括粗体文本
定义页面内容以外的内容
var html=document.getElementsByClassName（'table'[0].getElementsByTagName（'td'）；
html.innerHTML=html.innerHTML
.替换（'DEMO:

和代码：

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

tds=html.getElementsByTagName('td');


for(i=0;i<tds.length;i++) {


           tds[i].innerHTML=tds[i].innerHTML.replace('<', '&lt;')
            .replace('</', '&lt;/')
            .replace('>', '&gt;');
}

var html=document.getElementsByClassName（'table'）[0]；
tds=html.getElementsByTagName（'td'）；
对于（i=0；看这有点有效，只是它显示了所有的td标签，而不是td内的内容。基本上，所需的输出是显示或我现在正在编写它们。如果有帮助，它被创建为HTML语法的参考指南。非常好！感谢您的快速响应和理解。这非常有效，我无法感谢谢谢你的帮助。你介意我把这个用于我的网站吗？我知道它的内容不是我创建的。非常感谢。这是一个个人和教育网站。再次感谢