定位在DOM准备就绪后添加的元素

Question

我正在通过联系页面上的脚本加载地图。通过标题中的以下脚本加载地图：

<!-- CSSMap SCRIPT -->
<script type="text/javascript" src="https://cssmapsplugin.com/5/jquery.cssmap.min.js"></script>

body标签之前是用于初始化地图的脚本：

<script type="text/javascript">
  $(document).ready(function(){

  // CSSMap;
  $("#map-europe").CSSMap({
    "size": 1450
  });
  // END OF THE CSSMap;

});
</script

这是地图的html代码：

<!-- CSSMap - Continents -->
<div id="map-continents">
 <ul class="continents">
  <li class="c1"><a href="#africa">Africa</a></li>
  <li class="c2"><a href="#asia">Asia</a></li>
  <li class="c3"><a href="#australia">Australia</a></li>
  <li class="c4"><a href="#europe">Europe</a></li>
  <li class="c5"><a href="#north-america">North America</a></li>
  <li class="c6"><a href="#south-america">South America</a></li>
 </ul>
</div>
<!-- END OF THE CSSMap - Continents -->

页面加载后，上述html li元素包含类span的{​​{1}}元素。看起来像这样：

.m

我想用javascript定位这些<li class="c1"><span class="m"><span class="s1"></span><a href="#africa" style="clip: rect(1px, 1px, 1px, 1px);">Africa</a><span class="bg"></span></li> 类。

但是当我写的时候：

.m

我得到：

var testing = document.getElementsByClassName('m');
    console.log(testing);

我认为这与以下事实有关：DOM准备就绪后，通过地图的javascript库加载了类HTMLCollection [] 的{​​{1}}元素。

如何定位类span的元素？