通过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来设置页面样式。

转载于:https://my.oschina.net/surenpi/blog/816931