×ðÁú¿­Ê±¹ÙÍøµÇ¼

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ÔõôÌí¼ÓͼƬ´úÂëµÄÏêϸÄÚÈÝ£¬¸ü¶àÇë¹Ø×¢±¾ÍøÄÚÆäËüÏà¹ØÎÄÕ£¡

ÃâÔð˵Ã÷£ºÒÔÉÏչʾÄÚÈÝȪԴÓÚÏàÖúýÌå¡¢ÆóÒµ»ú¹¹¡¢ÍøÓÑÌṩ»òÍøÂçÍøÂçÕûÀí£¬°æȨÕùÒéÓë±¾Õ¾Î޹أ¬ÎÄÕÂÉæ¼°¿´·¨Óë¿´·¨²»´ú±í×ðÁú¿­Ê±¹ÙÍøµÇ¼ÂËÓÍ»úÍø¹Ù·½Ì¬¶È£¬Çë¶ÁÕß½ö×ö²Î¿¼¡£±¾ÎĽӴýתÔØ£¬×ªÔØÇë˵Ã÷À´ÓÉ¡£ÈôÄúÒÔΪ±¾ÎÄÇÖÕ¼ÁËÄúµÄ°æȨÐÅÏ¢£¬»òÄú·¢Ã÷¸ÃÄÚÈÝÓÐÈκÎÉæ¼°ÓÐÎ¥¹«µÂ¡¢Ã°·¸Ö´·¨µÈÎ¥·¨ÐÅÏ¢£¬ÇëÄúÁ¬Ã¦ÁªÏµ×ðÁú¿­Ê±¹ÙÍøµÇ¼ʵʱÐÞÕý»òɾ³ý¡£

Ïà¹ØÐÂÎÅ

ÁªÏµ×ðÁú¿­Ê±¹ÙÍøµÇ¼

13452372176

¿É΢ÐÅÔÚÏß×Éѯ

ÊÂÇéʱ¼ä£ºÖÜÒ»ÖÁÖÜÎ壬9:30-18:30£¬½ÚãåÈÕÐÝÏ¢

QR code
ÍøÕ¾µØͼ