一日一技：如何使用JavaScript移除少数派的付费内容

一日一技：如何使用JavaScript移除少数派的付费内容

少数派（https://sspai.com/）是一个以生产力、效率工具为主要内容的数字消费指南平台。因为网站须要盈利，因此他们在网站上有所克制地增长了一些付费内容。以下图所示。

这种付费文章点进去之后，只能看到前几段，而后就须要购买会员才能正常阅读。

做为一个网站须要盈利，所以开设付费内容无可厚非。奈何少数派的付费内容对我毫无吸引力，所以我不但愿每次都在首页上看到这些付费文章。

从网页上删除这些付费内容的原理很是简单，在网页上右键，点击“检查”，打开Chrome的开发者工具，以下图所示。

点击箭头所指向的图标，以下图所示：

而后在网页上任意选中一个付费内容，此时开发者工具里面将会自动变成下图所示的样子：

其中方框框住的这个 img标签对应了 付费内容这个小图标，所以咱们可使用这个标签来进行定位。

如今视线在HTML代码区域往上走，能够看到 dl标签

每个文章块就对应一个 dl标签。若是咱们在上面右键删除这个标签，就会发现对应的付费条目不见了，以下图所示：

但这种作法每次只能删除一条付费内容，有没有办法把全部付费内容所有删除呢？答案就是使用JavaScript：

var pay_tag_list = document.getElementsByClassName('series-logo')
while(pay_tag_list.length > 0){
pay_tag = pay_tag_list[0]
dl_tag = pay_tag.parentNode.parentNode.parentNode
div_tag = dl_tag.parentNode
div_tag.removeChild(dl_tag)
pay_tag_list = document.getElementsByClassName('series-logo')

}

复制上面这一段代码到开发者工具的Console标签页并粘贴，敲下回车键，付费内容就消失了，以下图所示。