jquery desde un archivo js

Iniciado por FJDA, 29 Abril 2017, 20:10 PM

0 Miembros y 1 Visitante están viendo este tema.

3n31ch

Pongo otro mensaje para que te des cuenta de la modificación  :xD

Otra forma de hacer lo que hiciste (mas ordenado) seria la siguiente:

HTML:
Código (html4strict) [Seleccionar]

<!DOCTYPE html>
<html>
<head>
<title>SITIO WEB</title>
<script type="text/javascript" src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script type="text/javascript" src = "js.js"></script>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<label></label>
<div id = "contenedor"></div>
<script type="text/javascript">
$(function(){
prueba($("#contenedor"));
});
</script>
</body>
</html>


JS:
Código (java) [Seleccionar]

function prueba(contenedor){
bgcolor = $('label').css('background-color');
$(contenedor).append('<p id = "parrafo">'+bgcolor+'<p>');
}


CSS:

Código (css) [Seleccionar]

label {
background:red;
}
#parrafo {
position:absolute;
margin-top: 250px;
}


Suerte con tu código!  ;D

FJDA

#21
muchas gracias la modificación que  has puesto @3n31ch va perfecto.  Solo que he tenido que cambiar appendChild() por append() en el código externo al usar el jquery selector. Como pusiste en el otro código:

$(elemento)


$(contenedor).append('<p id = "parrafo">'+bgcolor+'<p>');