javascript基础

Original 2019-03-04 18:56:51 209
abstract:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title></head><body><input type="button" name="" value

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<input type="button" name="" value="删除冬" onclick="shan();">

<input type="button" name="" value="删最后" onclick="last();">

<input type="button" name="" value="添加" onclick="jia();">

<ul>

<li>春</li>

<li>夏</li>

<li>秋</li>

<li>冬</li>

</ul>

</body>

</html>

<script type="text/javascript">

function shan(){

/*var dong  = document.getElementsByTagName('li')[3];

var ul = dong.parentNode;

ul.removeChild(dong);*/


var ul = document.getElementsByTagName('ul')[0];

var li = ul.children[3];

ul.removeChild(li);

}

function last(){

var ul = document.getElementsByTagName('ul')[0];

var li = ul.children[ul.children.length-1];

ul.removeChild(li);

}

function jia(){

var li = document.createElement('li');

var dong = document.createTextNode('冬');


li.appendChild(dong);

var ul = document.getElementsByTagName('ul')[0];


ul.appendChild(li);

}

</script>


Correcting teacher:灭绝师太Correction time:2019-03-05 09:12:52
Teacher's summary:作业内容和题目对不上号哦!请认真完成当前作业

Release Notes

Popular Entries