Javascript Object orientation + DOM？

Question

即时通讯在一个页面上使用多个ASCX控件，而且如果我使用两个相同的控件，JavaScript会发生明显的冲突。所以我改变了这一切适当的OOP JavaScript，所以他们不干预，但我现在的问题是如何做HTML的一面。两个ASCX都会制作一个名为“foo”的div。那么通常的解决方法是什么？我是否也想从我的JS类中生成所有的html？

谢谢:)

Answer 1

您可以添加runat="server"到您的DIV，使他们的服务器端控件：

<div id="foo" runat="server"> ... </div> 

然后使用控制的（产生的）客户端ID：

<script> 
    var divId = "<%= foo.ClientID %>"; 
</script> 

Answer 2

放在他们自己的'容器'：独特的ID，如div的：

... 
<div id="control1"> 
... 
<!-- Control One goes here --> 
<div class="foo">...</div> 
... 
</div> 
... 

<div id="control2"> 
... 
<!-- Control Two goes here --> 
<div class="foo">...</div> 
... 
</div> 
... 

然后，您可以先导航操纵他们的唯一命名的DIV，然后搜索类foo的元素。

要访问这些在Javascript中，你可以使用类似：

var c1 = document.getElementById("control1").getElementsByClassName('foo')[0]; 
var c2 = document.getElementById("control2").getElementsByClassName('foo')[0]; 

确保使用在每个[0]，因为getElementsByClassName返回元素的数组。你（可能）只需要一个元素（不是数组对象）。