通过使用js来改变已有的元素标签属性、内容，适用于博客园等固定html样式的改变和定制——博客园 javascript 通过js改变标签

众所周知，博客园的订阅按钮好像有点小问题，所以能不能将订阅按钮的位置改造一番，改造为定制化的服务呢？

直接修改html代码？想多了，其定义于博客园自带的模板html内，设置里无法直接修改。

于是我们需要使用javascript对元素进行修改：

比如在本博客中，我就将订阅按钮改为了关注按钮（疯狂暗示！）
这里介绍几种基础的实用办法：

document.getElementById("目标元素ID").innerHTML="想要添加的内容";

这是最基础的改变元素内容的方法。

但是有时候需要添加很复杂的比如onclick属性，或者需要对特定属性比如src进行修改，怎么办呢？

document.getElementById("目标元素ID").目标属性="目标属性值";
/*上面是修改已有属性*/
document.getElementById("目标元素ID").setAttribute("想要添加的属性","需要添加的属性内容");
/*上面是为已有元素添加属性*/

那再进一步，小爷就是杠上了，需要在指定标签下添加新元素

这里用到的还是innerHTML方法

 var str='';
 str = '<div id = "xxx" class = 'xxx'>your content here</div>';
document.getElementById('目标元素容器').innerHTML=str;