JavaScript作為一種腳本語言，在前端領域有著廣泛的應用。其函數庫可以使網頁的交互方式變得更為靈活和多樣化。但有時候我們并不需要網頁的樣式，只需要獲得網頁上的信息。那么，如何去除網頁上的樣式呢？在這篇文章中，我們將介紹JavaScript去掉style的方法。

首先，我們需要了解在html中style的表現形式。通常的情況下，我們會將style直接嵌入到html中，如下所示：

<div class="test" style="background-color: red; width: 100px; height: 100px;"></div>

以上代碼是一個簡單的帶有樣式的div元素。如果我們想要去掉這個元素的樣式，那么我們需要通過JavaScript來移除其中的style屬性。具體的代碼如下：

document.querySelector('.test').removeAttribute('style');

以上代碼的含義是獲取class為test的元素，然后移除其中的style屬性。這樣就可以成功去掉該元素的所有樣式了。但是，有時候我們需要去掉網頁中所有元素的樣式，該怎么辦呢？

接下來，我們將介紹如何使用JavaScript去除整個網頁的樣式。具體的代碼如下：

var all = document.getElementsByTagName("*");
for (var index = 0; index< all.length; index++) {
var element = all[index];
element.removeAttribute('style');
}

以上代碼的作用是獲取網頁上所有的元素，然后移除它們中的style屬性。這樣，整個網頁的樣式就被去掉了。需要注意的是，這樣做會影響網頁的布局和排版，因此在使用這個方法的時候要慎重。

總的來說，JavaScript去掉style的方法是比較簡單的。無論是去掉單個元素的樣式還是整個網頁的樣式，都可以通過移除元素中的style屬性來實現。但需要注意的是，在去除網頁樣式的時候要根據實際需要進行操作，以免影響布局和排版。