Cómo establecer el borde para la tabla

Question

Estoy intentando desarrollar una página web utilizando los lenguajes HTML y JavaScript. Y también he estado usando Javascript externo y hojas de estilo externas para el desarrollo. El problema es que al usar hojas de estilo externas en Javascript, quiero dar un borde para la tabla y sus filas/columnas. ¿Alguien puede decirme cómo puedo hacer eso?

Answer 1

intentar algo como esto en su JavaScript:

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

w3schools puede ayudar aquí: http://www.w3schools.com/cssref/pr_border.asp

sólo para confirmar objeto en este ejemplo representa algunos esto ha seleccionado usando getElementById, así que ...

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

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

Answer 2

Los elementos HTML tienen la propiedad style que representa el objeto con estilos de elemento. Si lo modifica, cambiará el estilo de su 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"; 

Usando borderTop, borderRight, borderBottom, borderLeft propiedades sólo se pueden cambiar los bordes de lo que necesita.

Answer 3

¿Por qué no utiliza el jQuery Framework? Con jQuery, usted podría agregar el siguiente código para lograr su objetivo:

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

Answer 4

I got it.

en su archivo CSS

código: mesa, td {border: 1pix rojo fijo}

aquí 1pix = dar a su elección del tamaño de frontera, pero debe estar en el mismo 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.) 

si quiere dar nombre al color como valor hexadecimal simplemente reemplace "rojo" con algún valor hexadecimal como "#cdcdcd" (no es negro).

si todavía tiene dudas, acérquese a mí.

Answer 5

probar este en Javascript: -

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

En CSS: -

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

funciona bien. El estilo de escritura CSS y el estilo de escritura Javascript son un poco diferentes.