Javascript 获取li中子标记的html内容

我有这样一个清单：

<ol id="id1">
<li><strong>aaa</strong><em>bbb<br />ccc</em></li>
<li><strong>111</strong><em>222<br />333</em></li>
</ol>

如何在每个标签中获取标签的html内容

我尝试使用jQuery的.html方法，但在我尝试制作的android html5应用程序上表现不一致。上面的安卓5.1能够很好地阅读，但安卓4.4.2设备没有显示任何内容

请问有没有其他获取html的方法

谢谢

$('li').each(function(){
   alert($(this).find('em').html());
});

或

使用innerHTML：

var items = document.getElementsByTagName("li");
for(var i=0;i<items.length;i++){
    alert(items[i].getElementsByTagName("em")[0].innerHTML);
}

您可以像这样获取所有em元素，然后对它们进行迭代

$(function(){
  $("ol li > em").each(function(index, element){
    var em = $(element).html();
    alert(em);
  });
});

$function{ $ol li>em.eachfunctionindex，元素{ var em=$element.html； alertem； }; }; aaabbccc 111222333

---

此代码将为您提供所需的信息：

var insideEM = $("li").children("em").html();

---

答案将是：222333

这是我认为对vanilla js来说最人性化的说法，当然：

var$list=document.querySelectorAllid1 li em； 文件。书写； 对于i=0；i<$list.length；i++{ 文件。writei+1+匹配：； document.write$list[i].innerHTML； 文件。书写； } aaabbccc 111222333

---

正如我提到的，结果与.html函数不一致。还有其他类似innerhtml函数的替代方法吗？您可能想试试这个本机JS示例。如果jQuery在Android上不能正常工作，那么您下一步可能需要尝试使用原生JS语言。也许这会比jQuery做得更好。谢谢你的回答！

$(function(){
  $("ol li > em").each(function(index, element){
    var em = $(element).html();
    alert(em);
  });
});

var insideEM = $("li").children("em").html();