Question

有没有办法在运行时生成任何html元素？

假设我有一个文本字段供用户输入任意数字。
要求： 1.如果用户输入10，则应生成10个IMG元素标签。我们还可以操纵IMG src的值 3.每个10输出应该类似img src =“路径选择”等，＆lt; - 动态生成

有任何想法/建议吗？

Answer 1

jQuery示例：

HTML：

<input type="text" id="my-input" value="0" />
<div id="container"></div>

JS：

$('#my-input').change(function() {
  var el = $(this);
  for (var i=0; i < parseInt(el.val(), 10); i++) {
    $('#container').append('<img src="blabla" />');
  }
});

Answer 2

HTML

<input type="text" id="myInput" />
<input type="text" id="myPath" />

的Javascript

var count=document.getElementById('myInput').value;
var path=document.getElementById('myPath').value;
for(i=0; i<count; i++)
{
   var img=document.createElement('img');
   img.setAttribute('src', path);

   parent.appendChild(img); //now append the element to the desired div
}

Answer 3

使用javascript框架这很容易。

jquery例如：

for(var a=0;a<number;a++){
    var newelement = $('<img............../>');
    $('#parentElement').append(newelement);
}

Answer 4

您可以使用document.createElement()即

for(var x = 0; x < 10; x++){
   var img = document.createElement("img");
   // set the properties
   ... 
}

如何在运行时动态生成任何给定数量的HTML元素？

4 个答案: