<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div id="content">
<h1>html</h1>
<h1>php</h1>
<h1>javascript</h1>
<h1>jquery</h1>
<h1>java</h1>
</div>
<script type="text/javascript">
function clearText() {
var content=document.getElementById("content");
var tesx1=getElementsTagName("h1");
for(i=0,i<tesx1.length,i++){
var x =content.removeChild(text1[i]);
}
}
</script>
<button onclick="clearText()">清除节点内容</button>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div id="content">
<h1>html</h1>
<h1>php</h1>
<h1>javascript</h1>
<h1>jquery</h1>
<h1>java</h1>
</div>
<script type="text/javascript">
function clearText() {
var content=document.getElementById("content");
var tesx1=document.getElementsByTagName("h1");
// var tesx1=getElementsTagName("h1"); 你写错了
var len = tesx1.length;
// for(i=0;i<len;i++) 可以比较下两个for的不同效果，思考下
for(i=len-1;i>=0;i--)
{
var x =content.removeChild(tesx1[i]);
// var x =content.removeChild(text1[i]); 你写错了
}
}
</script>
<button onclick="clearText()">清除节点内容</button>
</body>
</html>浏览器解析代码的时候，遇到错误是会忽略的。
在慕课网学习过程中，可以参考慕课网提供的代码，还有，必须掌握基本语法