通过Js来修改页面元素

  • 介绍

HTML的元素并不只能静态地写死在源码中,当然是可以动态地来修改的(添加、删除等)。

  • 添加

var page_div = document.getElementById('page');

var link = document.createElement('link');

link.rel = 'stylesheet';

page_div.appendChild(link);

看到了吧,先通过document对象的createElement方法来创建一个元素,然后通过appendChild来添加到HTML页面的DOM树中。

  • 删除

var page_div = document.getElementById('page');

page_div.remove();

page_div.parentNode.removeChild(page_div);

上面有两种remove的方式,第一种可能有点兼容性的问题,所以第二种还是比较靠谱的。

  • 参考

这里有另外一篇文章,介绍如何通过Js来设置页面样式。

发表评论

电子邮件地址不会被公开。 必填项已用*标注