Javascript, cromo

Question

In Google Chrome, ho capito come modificare temporaneamente la pagina, ad esempio l'imbottitura e il margine per gli elementi, ora sono curioso il modo più semplice per ottenere o scrivere il javascript per la mia estensione di sempre farlo. Si prega di condividere i tuoi metodi è già sai! Alcuna necessità di leggere.

Per esempio, nella mia estensione Chrome dolce ricerca, dopo aver rimosso gli strumenti di navigazione di sinistra, ho bisogno di fare il margine sinistro della colonna centrale 0 per chiudere quello spazio; in cromo, posso fare clic destro della colonna centrale, ispezionare elemento, trovare il nodo center_col, modificare il margine sul diritto alla 0px, e poi la colonna centrale dei risultati di ricerca si sposta a sinistra; Ora qual è il modo più semplice per ottenere o scrivere il javascript per una simile azione?

quando si passa sopra il codice HTML per un elemento, si evidenzia sulla pagina e mostra una piccola scatola color crema con nome di un elemento e la dimensione è di, come posso usare quel nome elemento / posizione dom a modificare quel pezzo?

Answer 1

Penso che ho capito. Nella "scatola color crema". Probabilmente vede qualcosa di simile, per esempio:

div#column2 [730x865]

giusto?

Bene che # è il prefisso per un ID dell'elemento nel DOM. È possibile accedere a tale elemento tramite javascript in questo modo:

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

Come Ken già accennato. Capire il DOM e conoscere un po 'di JavaScript probabilmente non fa male quando si sviluppa un'estensione Chrome.

Answer 2

Si dovrebbe imparare il DOM e JavaScript, quindi.