首页 \ 问答 \ 如何使用Javascript动态地将事件处理程序附加到文档元素？(How to attach event handlers to document elements on the fly using Javascript?)

如何使用Javascript动态地将事件处理程序附加到文档元素？(How to attach event handlers to document elements on the fly using Javascript?)

 有没有办法附加像onclick = alert（“Hi”）这样的事件处理程序; 到现有的文档元素？ （在我的情况下的图像）  
 我已经尝试过以下方面的失败 ：  
img = document.getElementById("my_image");

img.onclick = "alert('hi')";

img.setAttribute ('onclick',"alert('hi')");

img.onclick = function() {"alert('hi')";};

img.onclick = function(evt) {"alert('hi')";};

img.setAttribute ('onclick',function() {"alert('hi')";});

function handler(evt) {"alert('hi')";}
img.onclick = handler;
 
 我的想法已经不多了。 有人知道怎么做这个吗？ 

Is there a way to attach an event handler like onclick=alert("Hi"); to an existing document element? (an image in my case) 
I have already tried and failed with the following: 
img = document.getElementById("my_image");

img.onclick = "alert('hi')";

img.setAttribute ('onclick',"alert('hi')");

img.onclick = function() {"alert('hi')";};

img.onclick = function(evt) {"alert('hi')";};

img.setAttribute ('onclick',function() {"alert('hi')";});

function handler(evt) {"alert('hi')";}
img.onclick = handler;
 
I am running out of ideas. Does anybody know how to do this?

原文：https://stackoverflow.com/questions/1411545

更新时间：2023-08-27 10:08

最满意答案

 我认为格式编号会起到诀窍的作用。  
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:output method="xml" indent="yes" />

    <xsl:variable name="date" select="'2007-3-19'" />
    <xsl:template name="format_date" >
        <xsl:param name ="date" />
        <xsl:variable name ="year" select="substring-before($date, '-')" />
        <xsl:variable name ="month_and_day" select="substring-after($date, '-')" />
        <xsl:variable name ="day" select="substring-after($month_and_day, '-')" />
        <xsl:variable name ="month" select="substring-before($month_and_day, '-')" />
        <xsl:value-of select="$year"/>
        <xsl:value-of select="format-number($month, '00')"/>
        <xsl:value-of select="format-number($day, '00')"/>
    </xsl:template>

    <xsl:template match="/" >
        <xsl:call-template name="format_date" >
            <xsl:with-param name ="date" select="$date"/>
        </xsl:call-template>
    </xsl:template>
</xsl:stylesheet>

I think format-number will do the trick. 
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:output method="xml" indent="yes" />

    <xsl:variable name="date" select="'2007-3-19'" />
    <xsl:template name="format_date" >
        <xsl:param name ="date" />
        <xsl:variable name ="year" select="substring-before($date, '-')" />
        <xsl:variable name ="month_and_day" select="substring-after($date, '-')" />
        <xsl:variable name ="day" select="substring-after($month_and_day, '-')" />
        <xsl:variable name ="month" select="substring-before($month_and_day, '-')" />
        <xsl:value-of select="$year"/>
        <xsl:value-of select="format-number($month, '00')"/>
        <xsl:value-of select="format-number($day, '00')"/>
    </xsl:template>

    <xsl:template match="/" >
        <xsl:call-template name="format_date" >
            <xsl:with-param name ="date" select="$date"/>
        </xsl:call-template>
    </xsl:template>
</xsl:stylesheet>

如何使用Javascript动态地将事件处理程序附加到文档元素？(How to attach event handlers to document elements on the fly using Javascript?)

最满意答案

相关问答

通过XSLT格式化XML中的日期(Format a date in XML via XSLT)[2023-09-25]

XSLT可以插入当前日期吗？(Can an XSLT insert the current date?)[2022-03-29]

在xslt中格式化日期(Formatting date in xslt)[2022-05-31]

是否可以在xslt中格式化一个大小数到目前为止(Is it possible to format a big decimal to date in xslt)[2023-05-26]

XSLT循环XML文件，删除子项，重新格式化日期(XSLT looping XML file, removing children, reformat date)[2023-07-19]

如何在XSLT中反转日期格式？(How to reverse date format in XSLT?)[2023-08-09]

如何在xslt中格式化日期以获得预期的输出？(how to format the date in xslt to get expected output?)[2022-01-12]

在XSLT中格式化日期和时间(Format Date and Time in XSLT)[2023-02-10]

XSLT格式日期为MM DD YYYY(XSLT Format Date to MM DD YYYY)[2022-11-04]

格式化xslt中的数字(Formatting number in xslt)[2023-07-26]

相关文章

最新问答