ハンドオーバーli.htmlの値
コードコピーは次のとおりです。
<!doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv = "content-type" content = "text/html; charset = utf-8"/>
<title> li </title>の値を交換します
<script type = "text/javascript">
window.onload = function(){
var lis = document.getElementById( "ullist")。チャイルドノード;
for(var i = 0; i <lis.length; i ++){
var myli = lis [i];
//タグかどうかを判断します
if(myli.nodetype == 1){
//下にLIを使用した場所を切り替えます
myli.onclick = function(){
if(this.nextelementsibling){
var nextli = this.nextelementsibling; //これはここでのみ使用でき、myliではなく使用できます
document.getElementById( "ullist")。insertbefore(nextli、this);
}
};
}
}
}
</script>
</head>
<body>
<ul id = "ullist">
<li>北京</li>
<li> shanxi </li>
<li>上海</li>
<li> Tianjin </li>
<li> enan </li>
</ul>
</body>
</html>