Mi código es
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script>
<script>
function afterText() {
var txt3 = document.createElement("b");
txt3.innerHTML = $("<input/>", {
type: "text",
id: "vname",
name: "name",
placeholder: "Your Name"
});
$("img").after(txt3);
}
</script>
</head>
<body>
<img src="/images//images/home.gif" alt="home" width="100" height="140">
<button onclick="afterText()">click</button>
</body>
</html>
El resultado que obtuve es [objeto Objeto]. Pero, ¿cómo puedo agregar el campo de entrada (Anexar no debe usarse).
Respuestas
0 para la respuesta № 1No es necesario mezclar jQuery y enfoques de JavaScript puro para la manipulación DOM.
Solo usa lo siguiente:
$("<div>" +
"<input type="text" id="vname" name="name" placeholder="Your Name">" +
"</div>").insertAfter("img");
O si lo necesitas más avanzado:
$("<div>").append($("<input>", {
type: "text",
id: "vname",
name: "name",
placeholder: "Your Name"
})).insertAfter("img");