JS在页面加载时如何替换掉某段代码？

Question

<div style="position: fixed; bottom: 2px; left: 0px; right: 0px; text-align: center; font-size: 12px; color: rgb(153, 153, 153); z-index: 1;"><img style="width: 14px; vertical-align: bottom; margin-right: 5px;" src="1.jpg">Power Off</div>

我想在网页加载时把这段代码替换为空，上面这段代码不允许修改的前提下，用JS该怎么实现呢？

Answer 1

具体规则是啥，最好能唯一标识出这个div。这里用属性选择器移除了style含position的元素，可以参考下
document.querySelector('div[style*="position"]').remove()

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。

Answer 2

$(function(){
$("#div的id").html("");
});

Answer 3

document.querySelector("div[style='position: fixed; bottom: 2px; left: 0px; right: 0px; text-align: center; font-size: 12px; color: rgb(153, 153, 153); z-index: 1;']").remove()

Answer 4

dom操作思维。

首先得找到这个dom块。再进行移除操作。

window.onload = function() {
    document.querySelector("div[style='position: fixed; bottom: 2px; left: 0px; right: 0px; text-align: center; font-size: 12px; color: rgb(153, 153, 153); z-index: 1;']").remove()
}

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。