105.尚硅谷_JS基础_添加删除记录-修改

来看我们刚才做这个练习啊，那么说刚才我们这采用的是一个比较麻烦的一个方式，那我来看看啊，这东西咱们能不能给它简化一下，还是其实简化的思路还是利用我们这个阴ner h t毛啊阴儿毛，那这里边我们来看这个练习啊，这练习呢，我们在最后啊，简化是主要说的是我们这个添加员工，这添加员工咱们来看啊，现在你会发现我们其实下边整个一堆代码都是在干嘛呢？是不是都在拼这么一个这个结构啊，哎，拼这么一个结构，然后将这个结构添加到我们的这个什么呀。里对吧，那实际上我这一看，那其实我添加就是干嘛呀，一看这效果，其实就是我在向里是添加这么一个TR啊，哎，我们看效果啊，这边来个body，诶这个table table里边是一个t body啊当我添加的时候，实际上干嘛呢？是不是就在向t body添加这么一个TR，诶那所以其实这块呢，我完全可以什么呀，T包1.ina，然后是往里边去写一个TR，但是那种写法有一个问题，那种写法不太好，如果是那么写的话，你会干嘛呀？诶你等于是把这里边所有的题下都干嘛了，都给它换掉了啊都给它换掉，所以那种方式不推荐，所以我们采用一种什么方式呢？我们来看一下啊，那你这一看，我这TR有了，我还是先创建TR，当然这些什么呢，TD呀，A呀，还有这些什么呀，文本呀，包括这些end，我通通的呢。

给它删掉啊，都不要了啊，都不要了，然后干嘛呢？那不要了，你现在这TR是个什么呀？是个空的TR吧，哎，空的TR那怎么办呢？那我是不是需要往这个TR里去添加这个TD啊，那我可以怎么办呢？诶直接来设置我们这个TR中的这个内容，直接来个TR点一个音的N等于那现在我看着啊这么写，直接来一个什么呢？TD，那现在这是什么？我是个一个，那我这一是不是就三个TD啊，以此类推，我想加几个时，我是不是直接写几个行了呀，这样的好处是什么呀？我就不用一个一个再去创建了吧，哎，不用一个一个再去创建了，好，那这块啊，我这样写，把这格式化一下啊，这块我来一个加号，咱们来给它拼个串啊，拼个串，然后呢，这也来个加号，也来拼个串。这样的好处就是我们看的能。

清楚一点，那现在我是往TR里去添加了四个TD啊，哎，那这个我们来看效果啊，这块我一刷新，当我这块一提交走你，诶是不是多出来了，但是这块什么特点啊，只不过里边是不是没没东西啊，哎，没东西，那咱们里边还需要给他填填东西，那怎么填啊，第一个D里应该放的是谁啊，是不是放的应该是我们这个呀，所以拼个串呗，加上一个第2TD的放的应该是谁呀？哎，放的是我们这个email吧，所以还是拼个串来一个这个email，第三个TT里边放的是谁呀？放的是我们这个salary吧，哎，所以这块来加加一个这个salary，然后我这一保存，咱们再看一刷新，还是啊我这一点。

走你是不就过来了，哎，那这块第四个我们还差一个这个，哎超链接超链接就简单了，超链接我们这有是不是有现成的呀，呃，现成的直接把它给。CTRLC咱们给它复制过来，直接一加，但是这里边呢，这个引号有嵌套了，把这个引号改成一个单引号保存，这超链接是不是也有了呀，来再看一刷新，再一点再一点。诶，手机了吧，哎，就OK了啊，所以你会发现我采用这种方式比我们之前那个要。那简单多了啊，简单太多了，而且结构也比较清晰，那相比来说刚才那个就比较什么了，比较麻烦，但是那个呢，诶需要你们也是采用一下那种方式，也采用一下这种方式，好好的去理解一下那种方式，因为有的时候呢，我们不得不采用这个上面那种方式啊，所以两种方式呢，你都需要掌握啊，都需要掌握，但是这里边还是有一个问题，添加是添加完了什么问题啊，超链接是不又不管用了，哎，为啥不管用了。

是不是没有去给它绑定单机小啊，但是问题来了，刚才那个超链接对象我们是不是直接创建好了呀，我直接一个什么呀，A点一个这个昂可利就行了，对吧？但是这一块现在干嘛呀，我有没有A呀，没有A吧，没有A那我怎么办？我是不是得先获取到我这个A的对象啊才能绑定，那怎么办？诶那现在我这说有没有TRTR对象有了吧，而A是不是就在这个TR呢里边啊，诶里边，所以我来什么呢？TR点一个get elements by tag name来一个A，那这表什么呀，获取到TR里边那个A元素吧，诶A元素，而且TR里边有几个呀，是只有一个呀，诶只有一个，来一个中号，来一个零，那这个是不是就是那个A呀？诶A等于它，然后直接a.onli等于一个这个什么呀，诶叫Del a对克尔不要一保存这。

就OK了，咱们再看刷新添加进来走，你是不是就可以了，哎，就可以用了啊，所以这块注意你再添加的时候，你要多一步干嘛呢？你需要把你刚才添加那个A给他干嘛呀，获取出来，然后再给他干嘛呀，绑定一个单阶下应函数啊这块来说一下获取什么呢？获取我们这个刚刚添加的这个A元素并什么呢？诶，并为其绑定我们这个单阶响应函数啊想应函数这也是一种方式啊，这种方式，但是这里边啊，这种方式应该能看懂吧？哎，那我要回我要说一下什么呢？刚才我们说这种方式它有什么局限啊，刚才我们说你可以干嘛呀，你可以创建一个TR，然后把这些TD是不是添加TR里啊，你也可以干嘛呢？你也可以直接往T包里边，是不是添加TR啊哎，那T包里添加TR怎么添加啊，来我们来看看，那这个呢，我就不要了，那我怎么添加呢，直接替body点一个in的名牌，我来个加。

等于是行量哎加等于我这来什么呢？来一个这个我们先说这么写行不行是不没问题啊没问题，然后呢，我这来拼个串啊拼个串，然后呢，我这拼个串，把这一堆都给它塞进来，我们先看笑话啊，我直接把这一堆给它CT串C在这呢，给它塞进来，是不是都拼过来了，这一分号给就去了，我这保存咱们先看看行不行啊，先看行不行，这一块我一刷新一点是不是也行啊，也可以吧，但是注意啊，看有什么问题啊，F2选中这个元素，咱们来看现在我这是不是四个T2啊，注意啊，当我一添加的时候走你是不是全变了呀，来我这一保存是不是全变了呀，虽然页面里没有什么效果，但是现在注意你看到的这些内容已经不是之前那个了，等于什么呀，我们把整个都换了一遍，诶首先说性能不会太高诶，而且还有什么问题啊，你看啊我一点。

是不是都不管用了，哎，这这时候也不管用了，为啥不管用了，因为它已经被被换了啊，被换了，所以这一块一定要注意，这种方式呢，不要去用，因为它的这个什么呀，呃，不好，会有一些隐患，而且性能呢也不高，我们还是推荐你采用是什么呀，我上边采用这种方式，这样呢，会比较靠谱一些啊，比较靠谱一些，这你刷新一点都有呢，添加进来对他们不受任何的影响啊，产生任何影响，好那这个呢，我们就给它完成了啊，完成了我们来听一下。