获得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>

script:

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

输出的结果：
image/i2.png 这个图片会显示在网页上，我可否得到这个字符串？

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

Answer 1

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

Answer 2

javascript:

var mybox = document.getElementsByTagName("li");
document.write('<xmp>'+mybox[0].innerHTML+'</xmp>');

----------- 20180528 修改 -----------

<xmp> 已被废弃，可使用<pre> 和 <code> 元素来代替<xmp>元素

Answer 3

console.log('<li>'+mybox[1].innerHTML+'</li>');