私のコードは
<!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>
私が得た出力は[オブジェクトオブジェクト]です。ただし、入力フィールドを追加するにはどうすればよいですか(追加は使用しないでください)。
回答:
回答№1は0DOM操作のためにjQueryと純粋なJavaScriptのアプローチを組み合わせる必要はありません。
以下を使用してください。
$("<div>" +
"<input type="text" id="vname" name="name" placeholder="Your Name">" +
"</div>").insertAfter("img");
または、より高度なものが必要な場合:
$("<div>").append($("<input>", {
type: "text",
id: "vname",
name: "name",
placeholder: "Your Name"
})).insertAfter("img");