如何使用 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，只使用 javascript，我该如何解决？

任何帮助将不胜感激。

这是我的文件的一部分：

这是我的代码：

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