masterpage.ID + "_" + ContentPlaceHolder.ID + "_" + Contols.ID
for example:
document.getElementById("MyMaster_DemoPageInput_TextBox1").value
描述:MyMaster为mastepage ID,DemoPageInput为ContentPlaceHolder ID,TextBox1为内容页中控件名称.
在js中用服务器控件id取html对象方法:
html:<asp:TextBox ID="Query" Width="410px" MaxLength="100" runat="server" ></asp:TextBox>
function FindControl(typeOfControl, controlName)
{
//alert(typeOfControl);
var searchString = controlName+"$";
var elements = (typeOfControl == null) ? document.body.all : document.body.getElementsByTagName(typeOfControl);
for (i = 0; i < elements.length; ++i)
{
element = elements[i];
//alert(element.value);
if (element.id.search(searchString) >= 0)
{
return element;
}
}
return null;
}
function ResetInput_local()
{
var txtInput = FindControl("input", "Query");
txtInput.value = "";
txtInput.focus();
}
{
//alert(typeOfControl);
var searchString = controlName+"$";
var elements = (typeOfControl == null) ? document.body.all : document.body.getElementsByTagName(typeOfControl);
for (i = 0; i < elements.length; ++i)
{
element = elements[i];
//alert(element.value);
if (element.id.search(searchString) >= 0)
{
return element;
}
}
return null;
}
function ResetInput_local()
{
var txtInput = FindControl("input", "Query");
txtInput.value = "";
txtInput.focus();
}
2.用js动态设置控件事件和属性:
Html:
<div id="loadtree" style="500px;"></div>
Javascript:
<script type="text/javascript">
function renderTree()
{
document.getElementById("loadtree").style.display = "none";
var obj = document.getElementById("seecate");
obj.style.cursor = "pointer";
obj.style.color = "Blue";
obj.attachEvent("onclick",ShowCategory);
}
</script>
function renderTree()
{
document.getElementById("loadtree").style.display = "none";
var obj = document.getElementById("seecate");
obj.style.cursor = "pointer";
obj.style.color = "Blue";
obj.attachEvent("onclick",ShowCategory);
}
</script>