javascript - 用js逐字获取html元素的字符串

Question

html:

    <ul id="box">
        <li><img src="image/i1.png" alt=""></li>
        <li><img src="image/i2.png" alt=""></li>
        <li><img src="image/i3.png" alt=""></li>
    </ul>

脚本:

    var mybox = document.getElementsByTagName("li");
    document.write(mybox[1].innerHTML);

image/i2.png会显示在网页上，如何按字面意思获取html字符串？

我期望得到的是以下字符串。

<li><img src="image/i2.png" alt=""></li>

Answer 1

尝试使用outerHTML。像这样:

var mybox = document.getElementsByTagName('li');
console.log(mybox[0].outerHTML);

<ul id="box">
    <li><img src="image/i1.png" alt=""></li>
    <li><img src="image/i2.png" alt=""></li>
    <li><img src="image/i3.png" alt=""></li>
</ul>