【问题标题】:Get all text as a string from page从页面获取所有文本作为字符串
【发布时间】:2016-10-04 18:52:46
【问题描述】:

我想将 html 页面中的所有文本转换为字符串,然后在控制台上打印出来。到目前为止,我的这段代码只能部分工作,因为 document.body.innerText 返回文本以及我当然不想要的线闸。我希望我的所有文字都出现在 1 行中

<html>
    <head>
        <h1>wtf</h1>
    </head>
    <body>
        <div>dddiiiv</div>
        <a>aaaaa</a>
        <p>ppp</p>
        <div>div</div>
        <div id="impar"></div>
        <div id="par"></div>
        <div id="all"></div>
        <script>
            var elems = document.body.innerText;
            var odd = "";
            var even = "";
            var all = "";
            for (k in elems){
                all = all + elems[k];
                if (k % 2 === 0) {
                    even = even + elems[k]
                } else {
                    odd = odd + elems[k]
                }
            }


            console.log(all);
            console.log(odd);
            console.log(even);
        </script>
    </body>
</html>

有没有办法解决 innerText 的刹车问题?

【问题讨论】:

标签: javascript html document innertext


【解决方案1】:

我使用了 .trim() 和 codepen URL 作为参考 -http://codepen.io/nagasai/pen/jrPpeK

    <html>
        <head>
            <h1>wtf</h1>
        </head>
        <body>
            <div>dddiiiv</div>
            <a>aaaaa</a>
            <p>ppp</p>
            <div>div</div>
            <div id="impar"></div>
            <div id="par"></div>
            <div id="all"></div>

        </body>
    </html>

Javascript

    var elems = document.body.innerText;
                var odd = "";
                var even = "";
                var all = "";
                for (k in elems){
                    all = all + elems[k];
                    if (k % 2 === 0) {
                        even = (even + elems[k]).trim();
                    } else {
                        odd = (odd + elems[k]).trim();
                    }
                }


                console.log(all);
                console.log(odd);
                console.log(even);

希望对你有帮助

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-05-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-06
    • 2018-07-18
    • 2011-09-10
    相关资源
    最近更新 更多