html上的Javascript更改样式元素

当我注入document.getElementsByTagName（“body”）[0].style.background=“red”时；在firefox的开发者控制台中，背景变成红色。但是当我使用webview.loadUrl（“javascript:document.getElementsByTagName（\'body\”）[0].style.background=\'red\'；”；在android webview中，它的全部内容都被“红色”一词所取代。为什么背景色不变，内容被替换？另外，如何使用javascript更改webview中的样式属性？

目前还没有，因为目前没有代码来强制执行此操作

这是一个思考如何实现这一目标的问题。你有一个初始状态，然后你离开那个状态

与初始状态相关的信息丢失，因此您需要以某种方式保存它

因此，我们可以使用一个存储初始颜色的变量：

var init_colour = '#000';
function abc() {
    var
    el = document.getElementById("test"),
    colour_to_apply = !el.style.color ? 'red' : init_colour;
    el.style.color = colour_to_apply;
}

---

注意我们如何检查要应用的颜色-原始状态或更改状态（红色）。我们通过查看是否已经为其

style.color

属性指定了一个值来实现这一点。如果有，我们知道它已经是红色（也就是说，这不是第一次点击），并恢复到初始颜色。如果没有，这是第一次，或者之前已还原，因此我们应用更改的状态（红色）颜色。

您可以这样使用它：

if(document.getElementById("test").style.color === 'red') {
    document.getElementById("test").style.color = "black";
} else {
    document.getElementById("test").style.color = "red";
}

---

你能编辑你的文章并向我们展示html吗？你有一个明确的问题，然后你编辑它使它不那么清晰？最初，您谈论的是更改

颜色

。现在你只要求改变“div风格”。请不要在人们放弃回答你的时间后完全改变你的问题。你的问题至少被完全改变了2次。也许现在没人愿意回答。@Miladfaraji-请看。请帮助我们通过了解您问题的性质来帮助您。哈。。。很好，我确实回答了他最初提出的问题。现在问题已经改变了。