JavaScript是一種運行在客戶端的腳本語言，主要用于網頁的動態交互。在網頁開發過程中，一種常見的需求就是修改元素的樣式。通過JavaScript，我們可以查找到指定元素應用的樣式，進而對其進行修改。本文將介紹如何在JavaScript中查找樣式下面原生代碼的實現方法。

使用getComputedStyle方法

getComputedStyle是一個用于獲取元素最終應用的樣式的方法。它返回的是一個CSSStyleDeclaration對象，其中包含了元素的所有CSS樣式屬性。我們可以通過這個對象獲取元素的各種樣式屬性，如顏色、大小、邊框等。

const element = document.getElementById('myElement');
const style = getComputedStyle(element);
const color = style.color;
const fontSize = style.fontSize;

在上面的代碼中，我們首先通過getElementById方法獲取一個id為myElement的元素，然后使用getComputedStyle方法獲取該元素的所有樣式屬性。最后，我們分別獲取了元素的顏色和字體大小。

需要注意的是，getComputedStyle返回的值是只讀的，也就是說，我們不能直接通過style.color = 'red'的方式修改樣式。如果需要修改樣式屬性，應該通過設置元素的style屬性來實現，如下所示：

element.style.color = 'red';
element.style.fontSize = '20px';

使用document.defaultView.getComputedStyle方法

除了上述方法，我們還可以使用document.defaultView.getComputedStyle方法來獲取元素樣式。這個方法與getComputedStyle方法作用相同，區別在于它不依賴于元素對象，而是依賴于文檔對象。這意味著我們可以在一個Document對象上獲取另一個Document對象中元素應用的樣式。

const iframe = document.createElement('iframe');
document.body.appendChild(iframe);
const element = iframe.contentDocument.body;
const style = document.defaultView.getComputedStyle(element);
const color = style.color;
const fontSize = style.fontSize;

在上面的代碼中，我們首先創建了一個iframe元素，將其插入到文檔中。然后，我們通過iframe的contentDocument屬性獲取到iframe包含頁面的Document對象。最后，通過document.defaultView.getComputedStyle方法獲取到元素應用的樣式。

總結

在JavaScript中查找樣式下面的原生代碼，有兩種常用的方法，即getComputedStyle和document.defaultView.getComputedStyle。這兩種方法都可以用于獲取元素最終應用的樣式，開發者可以根據實際需求選擇相應的方法。