等待著真實的自由

在HTML、程式都還滿常用的方式，

在我們程式人員的用法都是需要將點選之後可能需要至換掉文字、圖片、連結......

因此我們會用到所謂的innerHTML的方式將相關的項目至換，

例如 :

JSP :

.....

.....

aaaaa<div id="test"><a href="javascript:clickWord();" >bbbbbb</a></div>ccccccc

<script>

function clickWord(){

    document.getElementById("test").innerHTML = 'ddddddd';

}

</script>

這樣的置換方式是可行的，

但是卻已經破壞了版型，

原本的方式為 : aaaaabbbbbbccccccc

但是加上了<div>之後就會變成了 :

aaaaa

bbbbbbccccccc

因為她已經自動的換行，但是要如何執行才可以不讓它自動換行呢?

修改方式為 : <div id="test" style="display:inline"><a href="javascript:clickWord();" >bbbbbb</a></div>

如此就會補正成正確的版型。