玩转浏览器之IE-Web聊天的实现【3.修正向Html中的UL添加LI的方法】06

学习大师原创作品,请勿转载,侵权必究。


上节课,我们通过访问浏览器向Web页面添加HTML,当时的效果如下:



这个页面呈现的效果其实是有问题的,而上节课的代码写法,是向Web页面的Body的末尾写入了HTML,而我们希望的是向页面的UL中添加LI的HTML代码,为此我们重新修正了插入HTML的代码。


思路是:我们需要获取Web页面中UL的元素,我们可以通过UL的ID来获取,即使用getElementByID方法。



1.插入HTML的代码,修正如下:



其中nav是Html中的ID值:



2.运行,并插入HTML,运行效果如下图:


联系电话:
020-00000000
联系电话:
020-00000000
联系电话:
020-12345678