<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>添加p标签</title>
</head>
<body>
<button onclick="clearDivContent('div1')">清空</button>
<!--注意这里只能单引号,不能双引号-->
<button onclick="test()">添加数据</button>
<div id="div1"></div>
<div id="div2"></div>
<script src="清空.js"></script>
</body>
</html>
页面代码如上,注意双引号之间的单引号,"清空.js"代码如下,将innerHTML设为空将两个div标签之间的内容都删掉,也就是删除多行文本
function clearDivContent(divId) {
var divElement = document.getElementById(divId);
if (divElement) {
divElement.innerHTML = '';
} else {
console.error('找不到指定的div元素:', divId);
}
}
function test(){
// 获取两个div元素
var div1 = document.getElementById('div1');
var div2 = document.getElementById('div2');
// 创建并添加p标签到div1
for (var i = 0; i < 3; i++) { // 假设你想在div1中添加3个p标签
var p = document.createElement('p');
p.textContent = '这是div1中的第' + (i + 1) + '个p标签';
div1.appendChild(p);
}
// 创建并添加p标签到div2
for (var i = 0; i < 2; i++) { // 假设你想在div2中添加2个p标签
var p = document.createElement('p');
p.textContent = '这是div2中的第' + (i + 1) + '个p标签';
div2.appendChild(p);
}
}