将浮动元素改成absolute元素实例页面

CSS代码：

.test_box { padding: 10px; background-color: #f0f3f9; }
.test_img { float: left; }
                

HTML代码：

<div class="test_box">
    <img id="testImg" class="test_img" src="//image.zhangxinxu.com/image/study/s/s256/mm1.jpg" />
    这阵子为12月31号的跨年晚会刻苦排练，相信掉多少汗水，就能带来多大惊喜！说到惊喜，突然间想起张麻子那句台词:你TM给翻译一下到底什么是TM惊喜？真是够狠又霸气...（摘自张含韵新浪博客）
</div>
<div class="test_btn"><button id="testBtn">改为absolute</button></div>
                

JS代码：

var oTestImg = document.getElementById("testImg"), oTestBtn = document.getElementById("testBtn");

oTestBtn.onclick = function() {
    if (this.innerHTML === "改为absolute") {
        oTestImg.style.position = "absolute";
        this.innerHTML = "去除absolute";
    } else {
        oTestImg.style.position = "static";
        this.innerHTML = "改为absolute";
    }
};