Image 如何在visualforce页面中为图像标记的id属性赋值？

我无法为图像动态分配id值…我引用此图像javascript以相应地显示向上/向下箭头…这是代码段

<apex:variable var="count" value="{!1}"/>
<apex:image id="msn{!count}" url="{!URLFOR($Resource.style_resources, 'images/up-arrow.gif')}" alt="Open-close" />

但是我得到了编译错误，因为“id需要文字值”

---

我们不能动态分配id属性的值吗？？？

您是正确的，您不能动态分配元素id。它必须是字符串文字。但是，我使用class属性创建了自定义ID，以后可以在javascript中使用。我使用jQuery实现了这一点，它是一个强大的选择器，可以根据标记类型和类选择元素

下面的示例只是一个示例，但是使用jQuery您可以获得相当的创造性

<apex:variable var="count" value="{!1}"/>
<apex:image id="msn" 
    url="{!URLFOR($Resource.style_resources, 'images/up-arrow.gif')}" 
    alt="Open-close"
    styleClass="msn{!count}" />

    <apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"/>

    <script>
        jQuery.noConflict();

        function doSomethingWithImg() {
            try {
                var imgElement = jQuery('.msn1');

                /*Do what you need to do with the element*/
            } catch (e) { /*Ignore Error*/ }
        }
     </script>

---

如果正确，则不能动态分配元素id。它必须是字符串文字。但是，我使用class属性创建了自定义ID，以后可以在javascript中使用。我使用jQuery实现了这一点，它是一个强大的选择器，可以根据标记类型和类选择元素

下面的示例只是一个示例，但是使用jQuery您可以获得相当的创造性

<apex:variable var="count" value="{!1}"/>
<apex:image id="msn" 
    url="{!URLFOR($Resource.style_resources, 'images/up-arrow.gif')}" 
    alt="Open-close"
    styleClass="msn{!count}" />

    <apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"/>

    <script>
        jQuery.noConflict();

        function doSomethingWithImg() {
            try {
                var imgElement = jQuery('.msn1');

                /*Do what you need to do with the element*/
            } catch (e) { /*Ignore Error*/ }
        }
     </script>

来自



上面的示例呈现以下HTML：



所以改变

<apex:image id="msn{!count}" url="{!URLFOR($Resource.style_resources, 'images/up-arrow.gif')}" alt="Open-close" />



到


来自



上面的示例呈现以下HTML：



所以改变

<apex:image id="msn{!count}" url="{!URLFOR($Resource.style_resources, 'images/up-arrow.gif')}" alt="Open-close" />



到



<img id="msn{!count}" src="{!URLFOR($Resource.style_resources, 'images/up-arrow.gif')}" alt="Open-close" />