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

时间:2015-03-18 18:33:44

标签: javascript html

我对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>

1 个答案:

答案 0 :(得分:0)

DEMO:http://jsfiddle.net/2r0yr7hj/1/

和代码:

 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;');
}