创建删除节点

最新推荐文章于 2022-03-14 23:19:38 发布

China王亚辉

最新推荐文章于 2022-03-14 23:19:38 发布

阅读量487

点赞数

分类专栏： javascript 文章标签： javascript js javascript创建节点 javascript删除节点

本文链接：https://blog.csdn.net/w19981220/article/details/47796195

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<script type="text/javascript" charset="utf-8" >

	function test()
	{
		//创建a元素 createElement(标签名)
		var myhref=document.createElement("a");
		myhref.id="myhref";//表示给创建的a元素添加id
		myhref.href="http://blog.sina.com.cn/wyhkli" //给a元素添加连接
		myhref.innerText="连接到我的博客";
		//appendChild() 向节点的子节点列表末尾添加新的子节点。
		//document.body.appendChild(myhref); //把新添加的这个节点也就是a元素添加到body里!body表示是新添加的a标签的父节点
		// 也可以指定添加到div里 id是唯一的可以直接用
		div1.appendChild(myhref); //表示div1是新添加的a标签的父节点
	}
	function delee()
	{
		//removeChild() 先取父节点然后从父节点的子节点列表中删除某个节点。
		//document.getElementById('div1').removeChild(document.getElementById('myhref'));
		// 也可以这样删除
		var node=document.getElementById('myhref');
		//parentNode 返回某个元素的父节点
		node.parentNode.removeChild(node);//表示返回node元素的父节点从父节点的子节点列表中删除node这个节点
	}

</script>
</head>
<body>
	<input type="button" name="" value="创建一个a标签" οnclick="test()"><br/>
	<input type="button" name="" value="删除a标签" οnclick="delee()"><br/>
	<div id="div1" style="width:200px;height:200px;background:green">

	</div>
</body>
</html>

China王亚辉

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
创建删除节点

Document function test() { //创建a元素 createElement(标签名) var myhref=document.createElement("a"); myhref.id="myhref";//表示给创建的a元素添加id myhref.href="http://blog.sina.com.cn/wyhkli" //给a元素添加连接 m
复制链接

扫一扫

专栏目录