我这个小项目背后的想法是让用户输入 img 的 URL，当用户点击按钮时，img 应该被插入到新的<div>页面内。
我尝试在 stackoverflow 上寻找几个小时，但老实说，我不明白如何对我自己的代码使用其他答案。大部分 CSS 和 HTML 代码已经完成，我只需要 javascript 部分的帮助（如果可能的话）。
这是我到目前为止所拥有的：
HTML 代码：
<form name="imgForm">
enter URL:
<input type="text" name="inputbox1" value="src" />
<input type="button" value="Get Feed" onclick="GetFeed()" />
</form>
JavaScript 代码：
<script type="text/javascript">
function GetFeed(imgForm) {
var imgSrc = document.getElementById("src").value;
}
</script>
谁能帮我吗？我不知道从这里去哪里..至少给我一些指示，我如何从 txt 框中获取值并添加一个新的<div><img src="user input from txt box should go here"/></div>每次 unser 为 img 插入新的 URL 时？
我觉得根据你的需要how can i get the value from the txt box and add a new <div><img src="user input from txt box should go here"/></div>你需要这个
HTML
<form>
<input type="text" id="txt">
<input id="btn" type="button" value="Get Image" onclick="getImg();" />
</form>
<div id="images"></div>
JS（进入你的头部标签）
function getImg(){
var url=document.getElementById('txt').value;
var div=document.createElement('div');
var img=document.createElement('img');
img.src=url;
div.appendChild(img);
document.getElementById('images').appendChild(div);
return false;
}
这是一个example http://jsfiddle.net/cBJXn/4/.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
