在javascript中操纵asp.net\'runat =“ server”\'html对象

编程问答 2022-04-26

问题描述

| 好吧，我知道您可以使用以下代码从asp.net控件获取信息： 
var element = document.getElementById(\'<%=myControl.ClientID%>\');
但是，我无法在Javascript中抓取到该html元素。我需要做些什么来更改在javascript中设置为runat = \“ server \”的东西的属性？ 是否只能通过服务器端C＃？ 为了进一步说明，我有一个div，它通过Javascript更改了大小，并试图获取它的innerhtml中存在的mschart来更改它的高度/宽度。但是，它在服务器上运行的事实导致了问题。 
<div id=\"div0\" style=\"background-color:Silver; position: absolute; top: 0px; left: 0px; width: 480px; height: 245px;\">
            <asp:Chart ID=\"chart0\" runat=\"server\"  Height=\"245px\" Width=\"480px\" 
                    BackColor=\"220,230,242\" BackGradientStyle=\"None\" 
                        BackSecondaryColor=\"220,242\">
            <BorderSkin PageColor=\"220,242\" />
            </asp:Chart>
        </div>
编辑：最终通过查询字符串通过回传处理图表的大小，然后在init上的javascript中获取这些值并在那里调整div的大小。     

解决方法

        您的实际含义还不清楚。如果您的意思是要操纵服务器端属性或调用服务器端函数，则无法通过javascript做到这一点。您将需要使用诸如ajax或webmethod之类的东西。如果您要修改它的客户端属性（例如，它是否可见或包含哪些数据），那么可以。但是，您需要指定有关您到底想做什么的更多信息。 编辑： 根据您更新的信息，有好消息和坏消息。是的，您可以在客户端上更改控件的大小，但这只会拉伸图像。 MSChart生成下载的图像文件。拉伸会导致质量差。 如果无法选择拉伸，则需要为新尺寸重新生成图表。这将需要您使用某种Ajax，或完全刷新页面。     ,        因为该元素具有“ 2”，所以您将只能在（服务器端）后面的代码中修改属性。实际的客户端属性（例如可见性）可以通过javascript进行更改。     ,        如果该控件转换为简单的HTML元素，则应该能够编辑“控件”的客户端属性。但是，有时服务器端属性没有客户端类似物。 要注意的一件事是，如果控件未设置为可见，则表示该控件根本没有呈现在页面上。如果真是这样，那么您将无法通过JavaScript访问它。     ,        如果您要修改的只是对象的with和height，则没有理由不执行以下操作： 
var element = document.getElementById(\'<%=myControl.ClientID%>\'); 
element.style.height = divHeight;
只需在生成的html中查看，具有该名称的控件实际上就是div或图像（或可以调整大小的图像），即可在其中设置width和height。我不知道Chart控件呈现什么内容。无论如何，请使用Firebug检查页面中的html元素，并查看您在javascript中所做的更改如何影响结果。 无论如何，请记住，您只能在javascript中设置客户端属性。这意味着您要在某个div元素上而不是服务器端控件上进行设置。知道服务器端控件确实可以呈现为html，您应该能够以一种或另一种方式实现所需的内容。     ,        我的建议是使用jQuery编写脚本。客户端脚本代码中将使用以下内容： 获取您需要的高度的元素。 获取要操作的元素。 使用第1部分中的值更改元素高度。 如果您认为这是一种方法，并且是jQuery的新手，那么我可以为您提供一些代码。     ,        我试图操纵jquery中包含“ 4”属性的控件。我无法更改它。删除
runat=\"server\"
后，我注意到发生了jquery更改。 您可以自己进行测试： 
<asp:Label ID=\"myLabel\">hello,warlord!</asp:Label>
<asp:Label ID=\"myLabel2\" runat=\"server\">hello,warlord!</asp:Label>
<script type=\"text/javascript\">$(\"#myLabel\").css(\"border\",\"3px solid red\");</script>
<script type=\"text/javascript\">$(\"#myLabel2\").css(\"border\",\"3px solid red\");</script>
    ,        我有同样的问题，通常是当您的html控件（带有runat = \“ server \”）位于contentPlaceHolder内时发生的。这是我所做的： 我变了： 
document.getElementById(\"mypopup\").style.visibility = \"visible\";
至： 
document.getElementById(\"ctl00_ContentPlaceHolder1_mypopup\").style.visibility = \"visible\";
在浏览器上查看页面源代码时，您会看到html控件真正具有的名称。 您可以在此处找到有关如何正确使用ClientID属性的更多信息。     
asp.nethtmljavascriptrunatserver对象对象对象操纵