本文介绍了一种使用JavaScript操作DOM元素的方法，展示了如何通过getElementById选择元素并修改其背景颜色，同时提供了修改和删除DOM元素的示例代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>
</title>
</head>
<body>
<p id="p1"> dom 文档对象模型</p>
<input type="button" value="点我删除p标签" οnclick="deleteP()" />
<script type="text/javascript">
//基于文档对象模型 可对文档标签进行修改 删除
//https://blog.youkuaiyun.com/admin_ccc/article/details/80954600
function deleteP(){
var p1 = document.getElementById("p1");
//p1.remove(); //remove移除 id为 p1的标签
//p1.innerHTML = "我是新文本"; //innerHTML 对文档内容进行重新写入（修改标签内容）
p1.style.backgroundColor ="red"; //可以修改标签样式
}
//dom 树
/*
数组可以存放一组值
*/
<!-- -->
</script>
</body>
</html>
扫一扫
3458
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
