元素名.innnerHTML获取某个元素节点下的子元素的html代码

获取某个元素节点下的子元素的html代码 

  document.getElementById("btn5").onclick=function (){
                var citys=document.getElementById("city").innerHTML;
                alert(citys);
            }
<button id="btn5">打印子元素HTML代码</button>

改变元素节点下的HTML代码;

document.getElementById("btn6").onclick=function (){
                var cityHTML=document.getElementById("city").innerHTML;
                var gameHTML=document.getElementById("game").innerHTML;
                var temp=cityHTML;
                document.getElementById("city").innerHTML=gameHTML;
                document.getElementById("game").innerHTML=temp;

            }
<ul id="city">
    <li>北京</li>
    <li>上海</li>
    <li>广州</li>
    <li id="NJnode">南京</li>
</ul>
<ul id="game">
    <li>王者</li>
    <li>原神</li>
    <li>开心消消乐</li>
    <li id="dzNode">蛋仔</li>
</ul>
<button id="btn6">交换两个元素</button>