Question

请查看代码段。

我有一个数据表，其中包含国家/地区代码。

在我的代码中，我将html放在一起构建flag-icon-COUNTRYCODE，以便显示该标志。但是我们有一些没有有效国家代码的记录，因此不会显示任何标志，因为在flag-icon的css中没有这样的条目。

有没有办法检测（使用javascript？）没有显示无效国家/地区代码XX的标记？

＆＃13;

<link href="https://cdn.bootcss.com/flag-icon-css/2.8.0/css/flag-icon.css" rel="stylesheet"/>

<i class="flag-icon flag-icon-it"> </i>
<i class="flag-icon flag-icon-XX"> </i>
<i class="flag-icon flag-icon-co"> </i>

＆＃13;

Answer 1

您可以使用解决方案https://jsfiddle.net/rrxt88xh/

＆＃13;

var ele = document.getElementsByTagName('i');
for(var i=0; i< ele.length; i++){
   var img = ele[i];
   var style = img.currentStyle || window.getComputedStyle(img, false);
   if (style.backgroundImage === 'none'){
      console.log("No Flag!!!");
   }
}

＆＃13;

<link href="https://cdn.bootcss.com/flag-icon-css/2.8.0/css/flag-icon.css" rel="stylesheet"/>

<i class="flag-icon flag-icon-it"> </i>
<i class="flag-icon flag-icon-XX"> </i>
<i class="flag-icon flag-icon-co"> </i>

＆＃13;

检查背景图片，如果 background-image为none ，则表示没有可用的标记。

希望这能解决您的问题。

检测flag-icon-css的非现有标志

1 个答案: