js批量修改div下所有p标签的margin-left值

网站文章内容左边距参差不齐，内容又太多不想格式化重新排版怎么办？今天遇到了这个问题，文章里面的段落大量的<p>标签，margin-left值都不一样，导致左边对齐歪歪扭扭的。内容从word复制过来的，懒得重新排版来了。研究了下，可以通过js来批量查询div下<p>中margin-left值的大小，判断超过限定px的，就给它统一设置成一个。

看看下面的例子，div下的内容margin-left值都不一样。

<div id="article" >
       <p style="margin-left: 80px;">这里是内容</p>
       <p style="margin-left: 40px;">这里是内容</p>
       <p style="margin-left: 60px;">这里是内容</p>
</div>

如上图：这里是演示效果图，实际有几千行。我是通过下面js代码来实现自动统一margin-left值的，具体看到代码：

<script>
/* 文章缩进格式化 */
var pObjs = document.getElementById("article").getElementsByTagName("p");
        //循环遍历这个数组
for (var i = 0; i < pObjs.length; i++) {
    var left = pObjs[i].style.marginLeft;
    var value = eval(left.replace("px", ""));  //获取p标签margin-left的px值
    if (value > 30) {              //判断p标签margin-left的px值大于30就
        pObjs[i].style.marginLeft = "0";
        pObjs[i].style.textIndent = "0em;";
    }
}
</script>

通过给页面加上以上代码后，效果图如下：

如果你也遇到了类似的问题，就试试看吧。