gpt4 book ai didi

javascript - 如何在图像下方添加按钮,是我正确添加元素的方式,或者可以做得更好

转载 作者:太空宇宙 更新时间:2023-11-03 18:52:53 25 4
gpt4 key购买 nike

我正在动态附加 html,但我无法在图像下方添加按钮(当我启动一个 div 或一个表格时,结束标记会自动关闭)

js函数的相关部分:

var fullimage='<li class="picture'+i+'"> <img id='+filename+'  height="100" width="100" src='+this.result + ' /> </li>  '; 
var fullimage=fullimage+'<input type="button" id='+filename+' name="button2" value="Set as default"> </input>';
$('.pictures').append(fullimage);

HTML

<h3>Primary picture</h3>
<div id="primary-pic">
<p>jpg, png or bmp files <br /> <span>(max 2mb)</span></p>
<div class="custom-input-file">

`

                                <input type="hidden" name="MAX_FILE_SIZE" value="10000000" />
<!-- <input type="file" name="files[]" class="input-file" multiple="multiple" min="1" max"5"/> !-->
<input type="file" name="files[]" multiple onchange="readURL(this);" size="1" class="input-file" />
Choose files

<body>

</form>

</div>
</div>



<div id="more-pics">
<ul class="pictures">
<li class="picture1"> </li>
<li class="picture2"> </li>
<li class="picture3"> </li>
<li class="picture4"> </li>

</ul>

</div><!--/#more-pics-->`

可以在此处找到附加 html 的完整 js 函数:

http://pastebin.com/BJy6FtiU

最佳答案

我相信您希望在 input 之后结束 LI

你有:

<LI> <IMG> </LI> <INPUT>

但是想要:

<LI> <IMG><INPUT> </LI> 

也不要为同一个变量声明两次 var variableName

var fullimage='<HTML>';
fullimage +='<More HTML>";

关于javascript - 如何在图像下方添加按钮,是我正确添加元素的方式,或者可以做得更好,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14398160/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com