Come impostare il bordo per il tavolo

Question

Sto cercando di sviluppare una pagina Web utilizzando linguaggi HTML e JavaScript. E ho utilizzato anche Javascript esterni e fogli di stile esterni per lo sviluppo. Il problema è quando si usano i fogli di stile esterni in Javascript, voglio dare qualche bordo per la tabella e le sue righe/colonne. Qualcuno può dirmi come posso farlo?

Answer 1

provare qualcosa di simile nella tua JavaScript:

object.style.border="1px solid red"; // 1px solid red can be anything you want... 

w3schools può aiutare qui: http://www.w3schools.com/cssref/pr_border.asp

solo per confermare oggetto in questo esempio rappresenta alcuni questo è stato selezionato utilizzando getElementById, quindi ...

var myTable = document.getElementById('tableID'); 

myTable.style.border="1px solid red"; 

Answer 2

elementi HTML hanno proprietà style che rappresenta oggetto con stili dell'elemento. Se lo modifichi, cambierai lo stile del tuo elemento.

elem.style.border = "1px solid #000" 
// the same as 
elem.style.borderWidth = "1px"; 
elem.style.borderColor = "#000"; 
elem.style.borderStyle = "solid"; 

// or 

elem.style.borderTop = "4px dashed greed"; 
// the same as 
elem.style.borderTopWidth = "4px"; 
elem.style.borderTopColor = "green"; 
elem.style.borderTopStyle = "dashed"; 

Utilizzando borderTop, borderRight, borderBottom, borderLeft proprietà che è possibile modificare solo confini quello che ti serve.

Answer 3

Perché non usi il framework jQuery? Con jQuery si sarebbe in grado di aggiungere il seguente codice per raggiungere il tuo obiettivo:

$('table').css("border","1px solid #000"); 

Answer 4

ho capito.

nel vostro file CSS

codice: tavolo, td {border: 1pix rosso solido}

qui 1pix = dare la vostra scelta della dimensione di confine ma dovrebbe essere nello stesso formato

solid=i think its intensity of color(if you want to try something else, give after refering to w3schools/table) 

red=Color name (you can give any desired color name.) 

se si desidera assegnare il nome del colore come valore esadecimale, basta sostituire "rosso" con un valore esadecimale come "#cdcdcd" (non è nero).

se hai ancora dubbi appena mi avvicini.

Answer 5

Prova questa in Javascript: -

elemt.style.borderBottom="1px solid red"; 
elemt.style.borderTop="1px solid green"; 

In CSS: -

.your-element{ 
    border-top:1px solid green; 
    border-left:1px solid red; 
} 

funziona bene. Lo stile di scrittura CSS e lo stile di scrittura Javascript sono leggermente diversi.