Javascript，chrome

Question

在谷歌瀏覽器中，我想出瞭如何臨時編輯頁面，比如元素的填充和邊距，現在我很好奇爲我的擴展程序獲取或編寫JavaScript的最簡單方法， 。請分享你的方法，你已經知道了！沒有必要繼續閱讀。

例如，在我的Chrome擴展程序Sweet Search中，刪除左側導航工具後，需要將中間列0的左邊距設置爲關閉該空間;在Chrome中，我可以右鍵點擊該中心柱，檢查元素，找到center_col節點上，編輯就爲0px的右側，然後搜索結果向左移動的中心柱的邊緣;現在什麼是最簡單的方法來獲取或寫入這樣的行動的JavaScript？

當您將鼠標懸停在某個元素的html上時，它會突出顯示在頁面上並顯示一個帶有元素名稱和維度的小型奶油色盒子，如何使用該元素名稱/ dom位置來編輯該片段？

Answer 1

我想我理解你。在「奶油色的盒子」裏。你可能看到類似的例子：

div#column2 [730x865] 

吧？

那麼＃是DOM中元素ID的前綴。您可以通過JavaScript訪問該元素，如下所示：

var column2 = document.getElementById('column2'); 
column2.style.marginRight = 0; 

正如Ken已經暗示的那樣。瞭解DOM並瞭解一些JavaScript可能不會在開發Chrome擴展時受到傷害。

Answer 2

然後你應該學習DOM和JavaScript。