简体   繁体   English

隐藏空间占用空间

[英]hidden field taking space

I am using hidden field which stores lots of html which is generated in the page. 我正在使用隐藏字段,该字段存储页面中生成的许多html。

Below the hidden field there is a button named AddHtml which, when clicked, does some operation and stores html in the hidden field. 隐藏字段下方有一个名为AddHtml的按钮,单击该按钮会执行一些操作并将html存储在隐藏字段中。

There is another button in the page which is loading data called loadData on click. 页面中还有另一个按钮,它在单击时正在加载名为loadData数据。 So when I click AddHtml button then it moves loadData button somewhere up. 因此,当我单击AddHtml按钮时,它将loadData按钮移到某个位置。

Here is my html: 这是我的html:

 <div>

     <asp:UpdatePanel ID="UpdatePanel1" runat="server">
         <ContentTemplate>
            <script type="text/javascript">

                function doOperation(id, name) {
                    document.getElementById("<%= hdnFldSavedHTML.ClientID %>").value = document.getElementById("<%= divShowImages.ClientID %>").innerHTML;
            </script>


            <section id="ideas" class="container">

                <div id="divShowImages" class="row" style="" runat="server" >

                </div>

                 <div class="row" >
                    <div class="col-xs-12 col-sm-6 col-sm-offset-3 col-lg-4 col-lg-offset-4">
                        <a class="btn btn-default btn-block btn-lg load-more-ideas" href="#" role="button" id="loadData"  runat="server" OnServerClick="btnNextRec_Click">More data please</a>

                    </div>
                </div>
                <div>

                </div>
            </section>
             <asp:Button runat="server" ID="AddHtml" OnClick="btnSubmit_OnClick" style="display:none"/>

             <asp:HiddenField runat="server" ID="hdnFldSavedHTML" Value=""  />
        </ContentTemplate>

    </asp:UpdatePanel>

Update1 更新1

This is how I see the hidden field when it's rendered: 这就是渲染时如何查看隐藏字段的方式:

<input type="hidden" name="ctl00$ctl40$g_a71dea1c_8102_4358_8ef1_41e74c01a6cc$hdnFldSavedHTML" id="ctl00_ctl40_g_a71dea1c_8102_4358_8ef1_41e74c01a6cc_hdnFldSavedHTML" value="

        <article class=&quot;idea col-xs-12 col-sm-6 col-lg-4&quot; style=&quot;position: absolute; left: 0px; top: 0px;&quot;><div class=&quot;image&quot;> <a href=&quot;http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=1&quot;><img src=&quot;http://zle01066-dev002/sites/idebank/Lists/IdeBank/Attachments/1/256_ICMPP.PNG&quot; alt=&quot;&quot;></a><div class=&quot;ide&quot;><a href=&quot;#&quot;><p><strong>f</strong><span class=&quot;name&quot;> ./kiran1</span></p> </a><a href=&quot;#&quot; class=&quot;like-post&quot; onclick=&quot;increaseLikes(1,&amp;quot;spnLikeStartPage1&amp;quot;)&quot;><div class=&quot;like-idea &quot;><span runat=&quot;server&quot; class=&quot;count&quot; id=&quot;spnLikeStartPage1&quot;>44</span><span class=&quot;heart&quot;></span></div></a><a href=&quot;#&quot; onclick=&quot;return twet_click(400, 350, &amp;quot;https://twitter.com/intent/tweet?text=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=1&amp;quot;)&quot; target=&quot;_blank&quot; class=&quot;some-share share-twitter&quot;><span class=&quot;icon-twitter&quot;></span></a><a href=&quot;#&quot; onclick=&quot;return fbs_click(400, 350, &amp;quot;http://www.facebook.com/share.php?u=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=1&amp;quot;)&quot; target=&quot;_blank&quot; title=&quot;Share This on Facebook&quot; class=&quot;some-share share-facebook&quot;><span class=&quot;icon-facebook&quot;></span></a></div></div></article><article class=&quot;idea col-xs-12 col-sm-6 col-md-3 col-lg-2&quot; style=&quot;position: absolute; left: 510px; top: 0px;&quot;><div class=&quot;image-small&quot;> <a href=&quot;http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=2&quot;><img src=&quot;http://zle01066-dev002/sites/idebank/Lists/IdeBank/Attachments/2/256_ICPPTX.PNG&quot; alt=&quot;&quot;></a><div class=&quot;ide&quot;><a href=&quot;#&quot;><p><strong>fgfgfgfgfgfgfgf</strong><span class=&quot;name&quot;> ./Kiran2</span></p> </a><a href=&quot;#&quot; class=&quot;like-post&quot; onclick=&quot;increaseLikes(2,&amp;quot;spnLikeStartPage2&amp;quot;)&quot;><div class=&quot;like-idea &quot;><span runat=&quot;server&quot; class=&quot;count&quot; id=&quot;spnLikeStartPage2&quot;>62</span><span class=&quot;heart&quot;></span></div></a><a href=&quot;#&quot; onclick=&quot;return twet_click(400, 350, &amp;quot;https://twitter.com/intent/tweet?text=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=2&amp;quot;)&quot; target=&quot;_blank&quot; class=&quot;some-share share-twitter&quot;><span class=&quot;icon-twitter&quot;></span></a><a href=&quot;#&quot; onclick=&quot;return fbs_click(400, 350, &amp;quot;http://www.facebook.com/share.php?u=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=2&amp;quot;)&quot; target=&quot;_blank&quot; title=&quot;Share This on Facebook&quot; class=&quot;some-share share-facebook&quot;><span class=&quot;icon-facebook&quot;></span></a></div></div></article><article class=&quot;idea col-xs-12 col-sm-6 col-lg-4&quot; style=&quot;position: absolute; left: 765px; top: 0px;&quot;><div class=&quot;image&quot;> <a href=&quot;http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=3&quot;><img src=&quot;http://zle01066-dev002/sites/idebank/Lists/IdeBank/Attachments/3/256_ICODS.PNG&quot; alt=&quot;&quot;></a><div class=&quot;ide&quot;><a href=&quot;#&quot;><p><strong>s</strong><span class=&quot;name&quot;> ./dd</span></p> </a><a href=&quot;#&quot; class=&quot;like-post&quot; onclick=&quot;increaseLikes(3,&amp;quot;spnLikeStartPage3&amp;quot;)&quot;><div class=&quot;like-idea &quot;><span runat=&quot;server&quot; class=&quot;count&quot; id=&quot;spnLikeStartPage3&quot;>13</span><span class=&quot;heart&quot;></span></div></a><a href=&quot;#&quot; onclick=&quot;return twet_click(400, 350, &amp;quot;https://twitter.com/intent/tweet?text=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=3&amp;quot;)&quot; target=&quot;_blank&quot; class=&quot;some-share share-twitter&quot;><span class=&quot;icon-twitter&quot;></span></a><a href=&quot;#&quot; onclick=&quot;return fbs_click(400, 350, &amp;quot;http://www.facebook.com/share.php?u=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=3&amp;quot;)&quot; target=&quot;_blank&quot; title=&quot;Share This on Facebook&quot; class=&quot;some-share share-facebook&quot;><span class=&quot;icon-facebook&quot;></span></a></div></div></article><article class=&quot;idea col-xs-12 col-sm-6 col-md-3 col-lg-2&quot; style=&quot;position: absolute; left: 1275px; top: 0px;&quot;><div class=&quot;image-small&quot;> <a href=&quot;http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=4&quot;><img src=&quot;http://zle01066-dev002/sites/idebank/Lists/IdeBank/Attachments/4/256_ICONE.PNG&quot; alt=&quot;&quot;></a><div class=&quot;ide&quot;><a href=&quot;#&quot;><p><strong>d</strong><span class=&quot;name&quot;> ./d</span></p> </a><a href=&quot;#&quot; class=&quot;like-post&quot; onclick=&quot;increaseLikes(4,&amp;quot;spnLikeStartPage4&amp;quot;)&quot;><div class=&quot;like-idea &quot;><span runat=&quot;server&quot; class=&quot;count&quot; id=&quot;spnLikeStartPage4&quot;>7</span><span class=&quot;heart&quot;></span></div></a><a href=&quot;#&quot; onclick=&quot;return twet_click(400, 350, &amp;quot;https://twitter.com/intent/tweet?text=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=4&amp;quot;)&quot; target=&quot;_blank&quot; class=&quot;some-share share-twitter&quot;><span class=&quot;icon-twitter&quot;></span></a><a href=&quot;#&quot; onclick=&quot;return fbs_click(400, 350, &amp;quot;http://www.facebook.com/share.php?u=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=4&amp;quot;)&quot; target=&quot;_blank&quot; title=&quot;Share This on Facebook&quot; class=&quot;some-share share-facebook&quot;><span class=&quot;icon-facebook&quot;></span></a></div></div></article><article class=&quot;idea col-xs-12 col-sm-6 col-lg-4&quot; style=&quot;position: absolute; left: 0px; top: 765px;&quot;><div class=&quot;quote quote-@@class&quot;><div class=&quot;inner&quot;> <a href=&quot;http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=5&quot;><p><strong>dfdf</strong><span class=&quot;name&quot;> ./d</span></p> </a><a href=&quot;#&quot; class=&quot;like-post&quot; onclick=&quot;increaseLikes(5,&amp;quot;spnLikeStartPage5&amp;quot;)&quot;><div class=&quot;like-idea &quot;><span runat=&quot;server&quot; class=&quot;count&quot; id=&quot;spnLikeStartPage5&quot;>27</span><span class=&quot;heart&quot;></span></div></a><a href=&quot;#&quot; onclick=&quot;return twet_click(400, 350, &amp;quot;https://twitter.com/intent/tweet?text=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=5&amp;quot;)&quot; target=&quot;_blank&quot; class=&quot;some-share share-twitter&quot;><span class=&quot;icon-twitter&quot;></span></a><a href=&quot;#&quot; onclick=&quot;return fbs_click(400, 350, &amp;quot;http://www.facebook.com/share.php?u=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=5&amp;quot;)&quot; target=&quot;_blank&quot; title=&quot;Share This on Facebook&quot; class=&quot;some-share share-facebook&quot;><span class=&quot;icon-facebook&quot;></span></a></div></div></article><article class=&quot;idea col-xs-12 col-sm-6 col-lg-4&quot; style=&quot;position: absolute; left: 510px; top: 765px;&quot;><div class=&quot;quote quote-@@class&quot;><div class=&quot;inner&quot;> <a href=&quot;http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=6&quot;><p><strong>dfdf</strong><span class=&quot;name&quot;> ./ffg</span></p> </a><a href=&quot;#&quot; class=&quot;like-post&quot; onclick=&quot;increaseLikes(6,&amp;quot;spnLikeStartPage6&amp;quot;)&quot;><div class=&quot;like-idea &quot;><span runat=&quot;server&quot; class=&quot;count&quot; id=&quot;spnLikeStartPage6&quot;>20</span><span class=&quot;heart&quot;></span></div></a><a href=&quot;#&quot; onclick=&quot;return twet_click(400, 350, &amp;quot;https://twitter.com/intent/tweet?text=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=6&amp;quot;)&quot; target=&quot;_blank&quot; class=&quot;some-share share-twitter&quot;><span class=&quot;icon-twitter&quot;></span></a><a href=&quot;#&quot; onclick=&quot;return fbs_click(400, 350, &amp;quot;http://www.facebook.com/share.php?u=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=6&amp;quot;)&quot; target=&quot;_blank&quot; title=&quot;Share This on Facebook&quot; class=&quot;some-share share-facebook&quot;><span class=&quot;icon-facebook&quot;></span></a></div></div></article><article class=&quot;idea col-xs-12 col-sm-6 col-lg-4&quot; style=&quot;position: absolute; left: 1020px; top: 765px;&quot;><div class=&quot;quote quote-@@class&quot;><div class=&quot;inner&quot;> <a href=&quot;http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=7&quot;><p><strong>dfdf</strong><span class=&quot;name&quot;> ./dfd</span></p> </a><a href=&quot;#&quot; class=&quot;like-post&quot; onclick=&quot;increaseLikes(7,&amp;quot;spnLikeStartPage7&amp;quot;)&quot;><div class=&quot;like-idea &quot;><span runat=&quot;server&quot; class=&quot;count&quot; id=&quot;spnLikeStartPage7&quot;>16</span><span class=&quot;heart&quot;></span></div></a><a href=&quot;#&quot; onclick=&quot;return twet_click(400, 350, &amp;quot;https://twitter.com/intent/tweet?text=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=7&amp;quot;)&quot; target=&quot;_blank&quot; class=&quot;some-share share-twitter&quot;><span class=&quot;icon-twitter&quot;></span></a><a href=&quot;#&quot; onclick=&quot;return fbs_click(400, 350, &amp;quot;http://www.facebook.com/share.php?u=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=7&amp;quot;)&quot; target=&quot;_blank&quot; title=&quot;Share This on Facebook&quot; class=&quot;some-share share-facebook&quot;><span class=&quot;icon-facebook&quot;></span></a></div></div></article><article class=&quot;idea col-xs-12 col-sm-6 col-lg-4&quot; style=&quot;position: absolute; left: 0px; top: 1275px;&quot;><div class=&quot;image&quot;> <a href=&quot;http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=8&quot;><img src=&quot;http://zle01066-dev002/sites/idebank/Lists/IdeBank/Attachments/8/ShadesOfBlue.jpg&quot; alt=&quot;&quot;></a><div class=&quot;ide&quot;><a href=&quot;#&quot;><p><strong>dfdf</strong><span class=&quot;name&quot;> ./sssd</span></p> </a><a href=&quot;#&quot; class=&quot;like-post&quot; onclick=&quot;increaseLikes(8,&amp;quot;spnLikeStartPage8&amp;quot;)&quot;><div class=&quot;like-idea  likedDivShowIdeaPage&quot;><span runat=&quot;server&quot; class=&quot;count&quot; id=&quot;spnLikeStartPage8&quot;>8</span><span class=&quot;heart&quot;></span></div></a><a href=&quot;#&quot; onclick=&quot;return twet_click(400, 350, &amp;quot;https://twitter.com/intent/tweet?text=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=8&amp;quot;)&quot; target=&quot;_blank&quot; class=&quot;some-share share-twitter&quot;><span class=&quot;icon-twitter&quot;></span></a><a href=&quot;#&quot; onclick=&quot;return fbs_click(400, 350, &amp;quot;http://www.facebook.com/share.php?u=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=8&amp;quot;)&quot; target=&quot;_blank&quot; title=&quot;Share This on Facebook&quot; class=&quot;some-share share-facebook&quot;><span class=&quot;icon-facebook&quot;></span></a></div></div></article><article class=&quot;idea col-xs-12 col-sm-6 col-lg-4&quot; style=&quot;position: absolute; left: 510px; top: 1275px;&quot;><div class=&quot;image&quot;> <a href=&quot;http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=9&quot;><img src=&quot;http://zle01066-dev002/sites/idebank/Lists/IdeBank/Attachments/9/Peacock.jpg&quot; alt=&quot;&quot;></a><div class=&quot;ide&quot;><a href=&quot;#&quot;><p><strong>sdsdsd</strong><span class=&quot;name&quot;> ./dfdffdf</span></p> </a><a href=&quot;#&quot; class=&quot;like-post&quot; onclick=&quot;increaseLikes(9,&amp;quot;spnLikeStartPage9&amp;quot;)&quot;><div class=&quot;like-idea likedDivShowIdeaPage&quot;><span runat=&quot;server&quot; class=&quot;count&quot; id=&quot;spnLikeStartPage9&quot;>12</span><span class=&quot;heart&quot;></span></div></a><a href=&quot;#&quot; onclick=&quot;return twet_click(400, 350, &amp;quot;https://twitter.com/intent/tweet?text=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=9&amp;quot;)&quot; target=&quot;_blank&quot; class=&quot;some-share share-twitter&quot;><span class=&quot;icon-twitter&quot;></span></a><a href=&quot;#&quot; onclick=&quot;return fbs_click(400, 350, &amp;quot;http://www.facebook.com/share.php?u=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=9&amp;quot;)&quot; target=&quot;_blank&quot; title=&quot;Share This on Facebook&quot; class=&quot;some-share share-facebook&quot;><span class=&quot;icon-facebook&quot;></span></a></div></div></article><article class=&quot;idea col-xs-12 col-sm-6 col-md-3 col-lg-2&quot; style=&quot;position: absolute; left: 1020px; top: 1275px;&quot;><div class=&quot;image-small&quot;> <a href=&quot;http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=10&quot;><img src=&quot;http://zle01066-dev002/sites/idebank/Lists/IdeBank/Attachments/10/Roses.jpg&quot; alt=&quot;&quot;></a><div class=&quot;ide&quot;><a href=&quot;#&quot;><p><strong>sdsd</strong><span class=&quot;name&quot;> ./sdsd</span></p> </a><a href=&quot;#&quot; class=&quot;like-post&quot; onclick=&quot;increaseLikes(10,&amp;quot;spnLikeStartPage10&amp;quot;)&quot;><div class=&quot;like-idea &quot;><span runat=&quot;server&quot; class=&quot;count&quot; id=&quot;spnLikeStartPage10&quot;>6</span><span class=&quot;heart&quot;></span></div></a><a href=&quot;#&quot; onclick=&quot;return twet_click(400, 350, &amp;quot;https://twitter.com/intent/tweet?text=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=10&amp;quot;)&quot; target=&quot;_blank&quot; class=&quot;some-share share-twitter&quot;><span class=&quot;icon-twitter&quot;></span></a><a href=&quot;#&quot; onclick=&quot;return fbs_click(400, 350, &amp;quot;http://www.facebook.com/share.php?u=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=10&amp;quot;)&quot; target=&quot;_blank&quot; title=&quot;Share This on Facebook&quot; class=&quot;some-share share-facebook&quot;><span class=&quot;icon-facebook&quot;></span></a></div></div></article><article class=&quot;idea col-xs-12 col-sm-6 col-md-3 col-lg-2&quot; style=&quot;position: absolute; left: 1275px; top: 1275px;&quot;><div class=&quot;image-small&quot;> <a href=&quot;http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=11&quot;><img src=&quot;http://zle01066-dev002/sites/idebank/Lists/IdeBank/Attachments/11/Peacock.jpg&quot; alt=&quot;&quot;></a><div class=&quot;ide&quot;><a href=&quot;#&quot;><p><strong>sdsd</strong><span class=&quot;name&quot;> ./sds</span></p> </a><a href=&quot;#&quot; class=&quot;like-post&quot; onclick=&quot;increaseLikes(11,&amp;quot;spnLikeStartPage11&amp;quot;)&quot;><div class=&quot;like-idea &quot;><span runat=&quot;server&quot; class=&quot;count&quot; id=&quot;spnLikeStartPage11&quot;>3</span><span class=&quot;heart&quot;></span></div></a><a href=&quot;#&quot; onclick=&quot;return twet_click(400, 350, &amp;quot;https://twitter.com/intent/tweet?text=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=11&amp;quot;)&quot; target=&quot;_blank&quot; class=&quot;some-share share-twitter&quot;><span class=&quot;icon-twitter&quot;></span></a><a href=&quot;#&quot; onclick=&quot;return fbs_click(400, 350, &amp;quot;http://www.facebook.com/share.php?u=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=11&amp;quot;)&quot; target=&quot;_blank&quot; title=&quot;Share This on Facebook&quot; class=&quot;some-share share-facebook&quot;><span class=&quot;icon-facebook&quot;></span></a></div></div></article><article class=&quot;idea col-xs-12 col-sm-6 col-lg-4&quot; style=&quot;position: absolute; left: 1020px; top: 1785px;&quot;><div class=&quot;image&quot;> <a href=&quot;http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=12&quot;><img src=&quot;http://zle01066-dev002/sites/idebank/Lists/IdeBank/Attachments/12/SoftBlue.jpg&quot; alt=&quot;&quot;></a><div class=&quot;ide&quot;><a href=&quot;#&quot;><p><strong>sdsd</strong><span class=&quot;name&quot;> ./sds</span></p> </a><a href=&quot;#&quot; class=&quot;like-post&quot; onclick=&quot;increaseLikes(12,&amp;quot;spnLikeStartPage12&amp;quot;)&quot;><div class=&quot;like-idea likedDivShowIdeaPage&quot;><span runat=&quot;server&quot; class=&quot;count&quot; id=&quot;spnLikeStartPage12&quot;>13</span><span class=&quot;heart&quot;></span></div></a><a href=&quot;#&quot; onclick=&quot;return twet_click(400, 350, &amp;quot;https://twitter.com/intent/tweet?text=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=12&amp;quot;)&quot; target=&quot;_blank&quot; class=&quot;some-share share-twitter&quot;><span class=&quot;icon-twitter&quot;></span></a><a href=&quot;#&quot; onclick=&quot;return fbs_click(400, 350, &amp;quot;http://www.facebook.com/share.php?u=http://zle01066-dev002/sites/idebank/Pages/Single.aspx?ItemId=12&amp;quot;)&quot; target=&quot;_blank&quot; title=&quot;Share This on Facebook&quot; class=&quot;some-share share-facebook&quot;><span class=&quot;icon-facebook&quot;></span></a></div></div></article>">

display: none 显示:无

This is what you want. 这就是你想要的。 The space taken up is irrelevant so long as the object is set to display: none 只要对象设置为display: none那么占用的空间就无关紧要display: none

visibility: hidden 可见度:隐藏

This is most likely what you have now, objects are not visible, but their tags, size, etc are entirely 'present' in the current page. 这很可能是您现在拥有的,对象不可见,但是它们的标签,大小等在当前页面中完全“存在”。

On the slight possibility that the issue is not related to this common CSS problem then I will edit/delete my answer. 如果问题与该常见CSS问题无关,则我将编辑/删除答案。 You haven't given much to go off of though. 尽管您还没有付出太多。

The problem is nothing to do with display , visible , etc... but due to lack of encoding of the < character. 问题与displayvisible等无关,但由于缺少<字符的编码。

Based on the comment by the OP... 根据OP的评论...

how to encode and where? 如何编码,在哪里? in my code behind i assign dynamic html i generate to hidden field. 在我后面的代码中,我将生成的动态html分配给隐藏字段。 Then when i click AddHtml button i stored that html in javascript using document.getElementById("<%= hdnFldSavedHTML.ClientID %>").value = document.getElementById("<%= divShowImages.ClientID %>").innerHTML 然后,当我单击AddHtml按钮时,我使用document.getElementById(“ <%= hdnFldSavedHTML.ClientID%>”)。value = document.getElementById(“ <%= divShowImages.ClientID%>”)。innerHTML将html存储在javascript中

I would recommend specifically encoding the < character before the text is saved into the hidden field, and the decoded when "loaded" from it. 我建议在将文本保存到隐藏字段之前对<字符进行特殊编码,并在从其“加载”时进行解码。

For example, when you're saving the HTML into the hidden field, instead of... 例如,当您将HTML保存到隐藏字段时,而不是...

document.getElementById("<%=hdnFldSavedHTML.ClientID%>").value =
  document.getElementById("<%=divShowImages.ClientID%>").innerHTML

Have... 有...

var html = document.getElementById("<%=divShowImages.ClientID%>").innerHTML;
html = html.replace("<","&lt;");
document.getElementById("<%=hdnFldSavedHTML.ClientID%>").value = html;

And when you need to "load it", instead of... 而当您需要“加载”时,而不是...

document.getElementById("<%=divShowImages.ClientID%>").innerHTML = 
  document.getElementById("<%=hdnFldSavedHTML.ClientID%>").value;

Have... 有...

var html = document.getElementById("<%=hdnFldSavedHTML.ClientID%>").value;
html = html.replace("&lt;","<");
document.getElementById("<%=divShowImages.ClientID%>").innerHTML = html;

Just to add to insidesin answer, If you want to make it displayed again use 只是要添加到Insidesin答案中,如果要使其再次显示,请使用

display : block

Also, make position : absolute; 另外,使position : absolute;

Edit: I think the problem is not having position : absolute :) 编辑:我认为问题不在于position : absolute :)

Read up on display / visibility here , and here 此处此处阅读显示内容/可见性

尝试添加此CSS-

#hdnFldSavedHTML { position: absolute; top: 0; left: 0; }

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM