Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sql-server-2005/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我需要使用javascript在html表单中创建一个包含所有属性的图像元素,我该怎么做?_Javascript_Html - Fatal编程技术网

我需要使用javascript在html表单中创建一个包含所有属性的图像元素,我该怎么做?

我需要使用javascript在html表单中创建一个包含所有属性的图像元素,我该怎么做?,javascript,html,Javascript,Html,我有一个表单,在这个表单中,我只想在文件上载字段中有任何路径时显示加载程序映像,为此我考虑在java脚本中创建image元素以及属性:src、id和alt 我不知道如何使用javascript创建元素。请帮助我。有一个关于使用javascript动态创建DOM元素的好教程 执行此操作的标准方法是使用document.createElement函数。使用Jquery可以轻松实现: Javascript: $('#MyElementID').html('<img alt="" src="I

我有一个表单,在这个表单中,我只想在文件上载字段中有任何路径时显示加载程序映像,为此我考虑在java脚本中创建image元素以及属性:src、id和alt

我不知道如何使用javascript创建元素。请帮助我。

有一个关于使用javascript动态创建DOM元素的好教程


执行此操作的标准方法是使用
document.createElement
函数。

使用Jquery可以轻松实现:


Javascript:

 $('#MyElementID').html('<img alt="" src="Images/myimage.jpg" />');
$('#MyElementID').html('';
HTML:


呈现为:

<div id="MyElementID"><img alt="" src="Images/myimage.jpg" /></div>

将html代码添加到占位符的小示例

<script>
function example()
{
    placeholder.innerHTML  = "<img src='imagehere'/>";
}
</script>
<input type="button" value="Click" onclick="example();"/>
<div id="placeholder"/>

函数示例()
{
placeholder.innerHTML=“”;
}
<script>
function example()
{
    placeholder.innerHTML  = "<img src='imagehere'/>";
}
</script>
<input type="button" value="Click" onclick="example();"/>
<div id="placeholder"/>