我想在内容占位符内动态显示div [英] i want to display div dynamically inside content place holder

问题描述

我想使用javascript在内容占位符中生成div ....请帮助我..

I want to generate div inside content place holder using javascript.... please help me..

<asp:Content ID="Content1" ContentPlaceHolderID="cphmain" Runat="Server">
<script type="text/javascript" language="javascript">
    onload = function () {
        for (var i = 0; i < 3; i++) {



            var ph = document.getElementById('<%=Content1.ClientId%>');
            alert(ph);
            var div = document.createElement("div");
            div.setAttribute("id", "rounddivepanel");

            document.body.appendChild(div);

        }
    }
</script>
<div id="contents">
<div id="maindiv" style="padding-left:150px">


</div>
</div>
</asp:Content>

推荐答案

据我所知，内容占位符标签甚至不会传递给客户端，它们仅供服务器端使用，因此您无法使用这样的Javascript访问它们。



一个简单的方法是放一个< div>在主页面中的占位符周围标记，然后使用该标记来添加您的内容。



所以在你的母版页面：

As far as I''m aware, content place holder tags don''t even get passed to the client, they''re for server-side use only, so you won''t be able to access them with Javascript like this.

An easy way to do this is to put a <div> tag around the place holder in your Master page, then use that tag to add your content to instead.

So in your Master page:

<div id="mainContent"> <!-- add this line here -->

        <!-- main content placeholder -->
        <asp:contentplaceholder id="cphmain" runat="server" >

        </asp:contentplaceholder>


</div>

然后在您的内容页面上的Javascript中：

Then in the Javascript on your content page:

var ph = document.getElementById('mainContent');

var divtest = document.createElement('div');

divtest.setAttribute('id', 'rounddivepanel');

divtest.innerHTML = 'my new div is here';

ph.appendChild(divtest);

我建​​议你使用jQuery，整洁简单！



http://api.jquery.com/hide/ [ ^ ]

I sugguest you use jQuery, neat and easy!

http://api.jquery.com/hide/[^]

这篇关于我想在内容占位符内动态显示div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！