HTML基础教程-25-HTML文档中节点的id属性【动力节点】原创

行了，那咱们来看一看HTL当中还有两个点呢，我要给大家提一提啊，提一下只是提一下各位啊，HTL元atl中元素的ID属性。这个呢，是为我们即将要学的这个Java script打下基础。Java大家记住啊，就是说我们HTML当中啊，它这个每个元素啊，它它都是有ID属性的017。就是HTL中元素的ID属性。嗯。首先第一点呢，我要给大家传达的一个信息，这个是需要您记录的，就是在什么呢？在这个H天猫文档当中啊。这个任何元素啊，都有什么属性啊，都有ID属性。

任何一个元素，它都有ID属性。这个元素也叫什么节点啊节点，比如说这是个什么节点啊，Body节点。这是个头节点，这是一个标题节点。懂什么意思吧，就是在HT文档中，任何元素或者叫节点啊都有ID属性，ID属性啊是该节点的唯一优势，所以在同一个HTML文档当中，ID值不能怎么着重复。比如说有放。有没有ID？

有，这里有一个input标签，有没有ID？有吧，Name也可以叫什么？注意这个这个有没有重复，没有，因为它是name，它是啥ID。你在这个位置再来一个input type text，你再写个ID等于U的内容，行不行不行。这样就冲突了。听懂了吧，所以这块呢，ID只有一个，你就这么想啊，ID就是身份证号。ID就是节点的什么身份证号码不能重复。

至少在同一个H下面的文档当中是不能重复的。各位啊，冲。那讲了半天ID有啥用啊？对吧，这个我还没有解释。你现在先给我记住一个语法规则是什么？就是在一个HT文档当中，任何节点或者任何元素，它都有一个属性，叫ID属性，而这个ID属性的值是我这个节点的唯一标识或者叫身份证号。在同一个文档当中，ID的值是不能重复的，你永远把这个死记硬背啊，给它记住。不能充，我再强调一下，表单提交数据的时候和ID有没有关系，没有和name有关系，听懂了吗？我这里再强调一下，你别混了啊，注意吧，我这样写表单提交数据的时候啊。只和什么name有关系啊，和ID无关，这个事我向大家说一下。

那再往下呢，我想给大家描述的是什么呢？就是说我们ID有什么用。讲到点上了吧，讲到点上了，讲了半天啊，说告诉你ID这个东西有啊对吧，每个节点都有啊，还不能重啊身份证号啊对吧，那说了半天ID有啥用。注意，ID是为了更方便让我们获取这个元素。ID属性的存在是为了让我们更方便获取这个元素。后期啊，我们要学什么javascript。Javascript这语言是javascript语言是么？对什么？它可以对什么？可以对HTML文档当中的任意节点进行增删改操作。

就是说Java语言可以让什么网页产生什么动态的效果，你比如说javascript把这个元素给它干掉，那我问你在网页上是不是就会显示出一种动态效果，或者说javascript这个语言，它可以在网页上新增一个节点。它可以对这个节点进行增删改，来达到网页的一种动态效果，那我问大家，我们javascript可以对节点进行增删改，那我问你对节点进行删改的前提是不是先得把这个节点拿到。

对不对，好，那ID属性的作用是什么。让我们获取这个节点变得更方便一些。也也就是说，换句话说直接点啊，以后我们要通过ID来获取这个节点。听懂了吗？拿到这个节点之后，我们对这个节点干什么？增删改网页产生什么效果，动态效果，听懂了吗？所以这个点呢，我要给大家传达明白啊，Javascript可以，Javascript可以对HTL文档当中的任意节点进行增删改，那么增删改之前需要先拿到这个节点，通常我们通过什么ID来拿什么节点对象，听懂了吗？

所以ID属性重要吗？我在这里你看我单独写了一个HTML，单独写了一个东西，我去讲这个东西，这足以说明它的重要性啊，ID。ID的存在，让我们获取元素，或者叫什么节点更什么方便。包的有没有ID啊，有。明白吧，都有。甚至你都可以跟跟标记加一个什么ID没问题，你愿意加可以加他任何一个节点它都有ID属性的，这个ID其实就是这个标记或者这个节点，整个这个节点的一个唯一标识，它是一个身份证号，它不能重复通过ID来获取元素的，将来是这样。那么再往下呢，我们再给大家培养一个一个一个一个模型啊，让大家这个脑子里面有这个模型，什么模型呢？大家看这个HTML文档，它是不是一棵树呢。

是一棵树。树上有很多节点。每一个节点都有唯一的ID。看着不像一棵树呢，对吧，那我现在画的像一个树一点，大家看啊，这个文档只有一个根。根节点叫什么？HTML。这个节点下有两个分支。

对吧，分支。一个来这个是什么。头。Head。啊，这个呢。就是body。明白吧，Body啊，Body下边能不能有子节点呢？可以吧，子节点下可以再有子节点吗？对吧，哎，大家看，这就是一棵树啊。这个节点都有一个什么属性ID？ID各位啊，然后整个的这棵树，我们有一个专门的术语。叫做倒树。

这个DOM是什么呢？Do是？这个单词。Do。什么意思？文档。啊，倒树，我们这个有一个名字叫倒树，各位。截个图呗，虽然难看是吧，截个图别嫌难看，放到你的笔记里边，告诉你说这个很直观的很直观的啊，虽然很难看是吧，但它是一个树啊。Do数，我们有个名字，按照do数文档document。你那个截图截图软件叫啥来着，那个截图软件。

就我开班的时候，我不是给你分享了一个那个截图软件过期了。还还有个三四千免费，但是还可以。呃，能能用是吧啊。过期了，我觉得你们也可以从网上找找破解方式，看怎么破解啊，应该有破解破解方办法。行，那这个呢，是关于咱们的一个document的文档啊，倒数这块ID。这HT文档是一个数，我们以后学这个JS就是javascript的时候，我们可以通过这门语言对什么，对我们这棵树上的节点进行什么增删改。对javascript主要就是对这棵。

数上的什么节点进行增删改的啊，指的是什么？好了，这个ID属性呢，我给大家就传达完了，各位啊，这个ID呢是太重要了，我在这磨叽的时间比较长一些啊，太重要了，后期我们一定要用的啊。