如何使用HTML DOM删除元素？

Question

我使用CasperJS从网站http://www.u-movie.com.tw/page.php?page_type=now&portal=cinema&ver=tw获得数据。

我要删除没有ID的<p> 。

所以我尝试选择根并将其删除，但是它将显示null is not an object

如果我不只使用jQuery，就如何解决jQuery？

任何帮助，将不胜感激。

这是我的文档的一部分：

这是我的代码：

function getMovieTime() {
    this.evaluate(function () {
        var time = document.querySelectorAll('ul.posts p');
        time.parentNode.remove();
        time = document.querySelectorAll('ul.posts');
        return Array.prototype.map.call(time, function (e) {
            return e.innerText;
        });
    });
};

我调用getMovieTime（）：此代码报告为null

var movieTime = [];  // global variable
casper.then(function () {
    movieTime = this.evaluate(getMovieTime);
});

Answer 1

第一，

方法node.remove（）在DOM 4规范中实现。 但是由于浏览器支持不佳，您不应该使用它。

然后，您可以尝试替换它。

这里

var parent = document.getElementById("latest_posts");
var child = document.getElementById("posts");
var para = document.createElement("p");
var node = document.createTextNode(" ");
para.appendChild(node);
parent.replaceChild(para,child);

注意 -您应该使用getElementsByClassName而不是getElementById