在浏览器中显示而不是呈现html标记

ldfqzlk8  于 2022-12-09  发布在  其他
关注(0)|答案(3)|浏览(147)

我正在使用此https://codepen.io/toschivictor/pen/JjNZjEj
我需要用图像替换图标,
所以我把这些图标

const items = [
    '🍭',
    '❌',
    '⛄️',
    '🦄',
    '🍌',
    '💩',
    '👻',
    '😻',
    '💵',
    '🤡',    
    '🦖',
    '🍎',
    '😂',
    '🖕',
  ];

使用下面代码,

const items = [
    '<img src="image.jpg">',
    '<img src="image.jpg">',
    '<img src="image.jpg">',
    '<img src="image.jpg">',
    '<img src="image.jpg">',
    '<img src="image.jpg">',
    '<img src="image.jpg">',
    '<img src="image.jpg">',
    '<img src="image.jpg">',
];

但是它显示的是标签本身而不是图像,
是哪个标签、哪个样式或哪个js函数导致此问题?

zzlelutf

zzlelutf1#

因此,您需要创建一个img项并创建其src属性。
我使用了cat img API来链接图像:
第一个

rqdpfwrv

rqdpfwrv2#

嗨@奔跑吧

您需要将这些标记附加为HTML元素,而不是文本。
您需要:-
box.innerHTML = pool[i];
不是说:
box.textContent = pool[i];

rjzwgtxy

rjzwgtxy3#

您需要将这些标记附加为HTML元素,而不是文本。
您需要:-
[i].我的第一个问题是
不是说:
存储池[i];

相关问题