jsÔõôÌí¼ÓͼƬ´úÂë
ҪʹÓà javascript Ìí¼ÓͼƬ£¬¿ÉÒÔʹÓà ԪËØ£¬Ïêϸ°ì·¨°üÀ¨£ºÊ¹Óà createelement() ÒªÁ콨Éè html ÔªËØ¡£½«Í¼ÏñÎļþµÄ·¾¶»ò url ¸³Öµ¸ø src ÊôÐÔ£¬Ö¸¶¨Òª¼ÓÔصÄͼÏñ¡£¿Éƾ֤ÐèÒªÉèÖÃÆäËûÊôÐÔ£¨Èç alt¡¢width ºÍ height£©¡£Ê¹Óà appendchild() ÒªÁ콫 ÔªËØÌí¼Óµ½Ä¿µÄÔªËØ¡£
ÔõÑùʹÓà JavaScript Ìí¼ÓͼƬ
ÒªÁ죺ʹÓà ԪËØ
°ì·¨£º
½¨Éè ÔªËØ£ºÊ¹Óà createElement() ÒªÁ콨Éè HTML ÔªËØ¡£
ÉèÖà src ÊôÐÔ£º½«Í¼ÏñÎļþµÄ·¾¶»ò URL ¸³Öµ¸ø src ÊôÐÔ£¬ÒÔÖ¸¶¨Òª¼ÓÔصÄͼÏñ¡£
ÉèÖÃÆäËûÊôÐÔ£¨¿ÉÑ¡£©£º¿Éƾ֤ÐèÒªÉèÖÃÆäËûÊôÐÔ£¬ÀýÈç alt£¨Ìæ»»Îı¾£©¡¢width ºÍ height¡£
½« ÔªËØÌí¼Óµ½ DOM£ºÊ¹Óà appendChild() ÒªÁ콫 ÔªËØÌí¼Óµ½Ä¿µÄÔªËØ¡£
´úÂëʾÀý£º
// ½¨Éè `@@##@@` ÔªËØ const image = document.createElement("img"); // ÉèÖà `src` ÊôÐÔ image.src = "/path/to/image.png"; // ÉèÖà `alt` ÊôÐÔ£¨¿ÉÑ¡£© image.alt = "Image of a cat"; // ½« `@@##@@` ÔªËØÌí¼Óµ½ DOM document.body.appendChild(image);
µÇ¼ºó¸´ÖÆ
×¢ÖØÊÂÏ
È·±£ src ÊôÐÔÒýÓÃÓÐÓõÄͼÏñÎļþ¡£
alt ÊôÐÔÓÃÓÚÌṩͼÏñµÄÌæ»»Îı¾£¬µ±Í¼ÏñÎÞ·¨¼ÓÔØʱÏÔʾ¡£
¿ÉÒÔʹÓà onload ÊÂÎñ¼àÌýÆ÷À´¼ì²âͼÏñÊÇ·ñÒѼÓÔØ¡£
ÈôÊÇͼÏñÎļþºÜ´ó£¬¿ÉÒÔʹÓÃÑÓ³Ù¼ÓÔØÊÖÒÕÀ´Ìá¸ßÒ³Ãæ¼ÓÔØËÙÂÊ¡£
ÒÔÉϾÍÊÇjsÔõôÌí¼ÓͼƬ´úÂëµÄÏêϸÄÚÈÝ£¬¸ü¶àÇë¹Ø×¢±¾ÍøÄÚÆäËüÏà¹ØÎÄÕ£¡