如何在element.style中查找代碼的來源？

我不知道如何找到這個元素樣式代碼的來源。如在鉻元素檢查器工具的右側部分就說明這個CSS代碼：如何在element.style中查找代碼的來源？

element.style { 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    width: 486px; 
    height: 200px; 
    overflow: hidden; 
    -webkit-user-select: none; 
    background-color: #FFF; 
    border: 1px solid #ABABAB; 
}

，並在左側有這樣的：

<div draggable="false" style="position: absolute; left: 0px; top: 0px; width: 486px; height: 200px; overflow: hidden; -webkit-user-select: none; background-color: white; border: 1px solid rgb(171, 171, 171);"></div>

我已經研究過的模塊文件，但我只看到沒有上述行的JavaScript和HTML文件？

來源

2013-07-26 user2624381

似乎通過一些JavaScript插件內嵌添加。 –

是element.style表示它是內聯樣式。如果你還沒有添加內聯樣式，那麼它是由js插件添加 –

這是因爲這些款式是內嵌。這意味着他們使用HTML標記的style屬性來定義其CSS屬性。該CSS不在文件或其他地方。它被定義爲「正在被應用到的元素內」。

來源

2013-07-26 22:05:27 hungerstar

element.style只是告訴你樣式通過style屬性或JavaScript添加到元素中，但不通過外部CSS文件。如果你在標記中找不到它們，你可能會檢查你的JS文件中的這些特性。

來源

2013-07-26 22:08:00 philipproplesch

HTML中的特定行不需要存在於該DOM中存在的任何文件中。例如，此Javascript會創建一個div就像這樣：

var div = document.createElement('div'); 
div.setAttribute('draggable', 'false'); 
div.style.position = 'absolute'; 
div.style.overflow = 'hidden'; 
div.style.cssText += 'left: 0px; top: 0px; width: 486px; height: 200px; -webkit-user-select: none; background-color: white; border: 1px solid rgb(171, 171, 171);'; 
document.body.appendChild(div);

試試搜索你的JS文件-webkit-user-select。該樣式屬性的用法很少，它應該可以幫助您找到Javascript代碼的相關部分。

來源

2013-07-26 22:10:13 Paulpro

感謝這就是我的想法，但我檢查了模塊的Javascript和我找不到代碼：-webkit-user-select和檢查JS文件在沒有運氣的模板上也只有軟件上的JavaScript，但有10個JS文件，不知道在哪裏或哪裏可以找到這些代碼，爲了通過CSS編輯它們，這是可能的嗎？如果不是我怎麼編輯它？通過Javascript？ – user2624381

-1

這可能不是您正在尋找的內容，但是如果您單擊檢查器右上角的小'+'圖標，它可以讓您將樣式添加到已連接到您的css類元件。當你這樣做時，你將能夠點擊出現在定義樣式右側的檢查器樣式錶鏈接。我認爲這是最接近你可以定義某種臨時樣式表，將包含所有的自定義樣式。

這就是我做快速測試。在html中設置一些類，然後在檢查器側面板中添加更多的自定義樣式 - 因爲它易於編輯和/或選擇顏色。然後打開檢查器樣式表，並在完成後複製它們。

來源

2013-07-26 22:25:38 Ryan

我剛剛遇到了類似的問題，事實證明，AdBlocker（瀏覽器插件）插入了內嵌式樣以隱藏我網站上的圖像，它被認爲是廣告。嘗試禁用部分或全部瀏覽器插件，看看它們是否會干擾您的頁面呈現方式。

來源

2014-11-04 19:29:12 wloescher

如何在element.style中查找代碼的來源？

回答

相關問題