（十二）javascript 动态改变css样式，创建节点，，删除节点

最新推荐文章于 2022-09-16 08:41:57 发布

Mr.mosaic

最新推荐文章于 2022-09-16 08:41:57 发布

阅读量1.7k

点赞数

分类专栏： JavaScript学习笔记文章标签： javascript 节点元素

本文链接：https://blog.csdn.net/yanzhoukun/article/details/51637264

版权

JavaScript学习笔记专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<head>
    <meta charset="UTF-8">
    <title>asda</title>
    <style>                        /*样式*/
       #div{
           display: block;         //css的一种属性
       }
    </style>
</head>
<body>
<div id ="div">
    内容
    <a  href="" >
        链接
    </a>
</div>
<script>
    var div1 = document.getElementById("div");
    //div1.style.display="none"; //动态改变css样式
    var a1 = document.createElement("a1");//创建节a1
    a1.innerHTML = "aa";//更改a1的内容
    div1.appendChild(a1);//增加节点到div标签
    var a1 = document.getElementsByTagName("a")[0];
    div1.removeChild(a1);//删除节点
</script>

元素，标签，节点

1、所谓元素，即html文档里面，所有的标签都可以称之为元素，比如说<p>、<tr>等，也就是说元素是个统称，一个文档里面有很多的元素。

2，标签属于元素的一部分

3、所谓节点，是js为了对html文档进行操作，而开发的，即DOM，文档对象模型。即每个元素都可以称之为一个节点，节点是唯一的。比方来说，《p》标签，肯定是一个p标签元素，那如果通过js对它进行样式控制的时候，就必须获取（找到）到这个元素，称之为节点，如果有好多元素，可以获得第1个、第2个或者第n个。总之，元素是统称，节点是具有唯一性的。