1 2 3 4 5 | function changetxt(txtID,str){ var cCode = document.getElementById(txtID); cCode.innerText = str; cCode.textContent = str; //Firefox 対策。 } |
1 2 3 4 5 6 7 | <div id= "bg" style= "padding:20px;" > <div id= "txt" >[ ここに色見本とカラーコード名が表示されます。 ]</div> </div> <a onclick= "document.getElementById('bg').style.backgroundColor='#00CC00';changetxt('txt','#00CC00');" href= "#" >#00CC00</a> <a onclick= "document.getElementById('bg').style.backgroundColor='#FF0000';changetxt('txt','#FF0000');" href= "#" >#FF0000</a> <a onclick= "document.getElementById('bg').style.backgroundColor='#00CCFF';changetxt('txt','#00CCFF');" href= "#" >#00CCFF</a> |
1 2 3 4 5 | function changetxt(txtID,str){ var cCode = document.getElementById(txtID); cCode.innerText = str; cCode.textContent = str; //Firefox対策。 } |