分享答案，嘻嘻-慕课网

首页课程实战体系课手记专栏慕课教程

分享答案，嘻嘻

来源：9-14 删除节点removeChild()

逃离外包

2019-01-29 13:12

<!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");

// 在此完成该函数

for(i=0;i<content.childNodes.length;i++){

// 1. IE全系列、firefox、chrome、opera、safari兼容问题

// 2. 节点之间的空白符，在firefox、chrome、opera、safari浏览器是文本节点

if(content.childNodes[i].nodeType!=1){

continue;

}else{

var x=content.removeChild(content.childNodes[i]);

x=null;

}

}

}

</script>

<button onclick="clearText()">清除节点内容</button>

</body>

</html>

写回答关注

4回答

慕移动9181930

2022-03-25 11:35:54

亲，在电商二期中有规划，因为一期主要是想带你们把前后台流程跑通，如果是一个真实现的电商网站，会有很多的模块，这些都会在二期中讲解的。同学您好，您只要安装 D W 软件就可以练习的。

0 0
LouisDuan

2019-03-25 11:28:31

实现了，不知道科学不
function clearText() {
var content=document.getElementById("content");
// 在此完成该函数
mylength=content.childNodes.length;
for (var i=1; i<mylength; i++){
content.removeChild(content.childNodes[i]);
}

0 0
思进行

2019-02-12 13:05:26

content.childNodes.length
if(content.childNodes[i].nodeType!=1){
continue;

3 0

野孤城回复思进行

第一个是content子节点的数量，第二个是节点之间的空白符则continue跳过本次循环

2019-03-10 09:05:20

共 3 条回复 >
qq_龘_2

2019-02-10 19:54:32

666

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468194 学习 · 21891 问题

相似问题

有点投机取巧嘻嘻。

回答 3

这样看起来明显一点嘻嘻~

回答 3

本节答案分享

回答 1

刚写完分享下答案

回答 3

分享答案，欢迎交流。

回答 2

打开慕课网App查看更多内容