1. 程式人生 > >js設定title屬性的值的換行問題

js設定title屬性的值的換行問題

         一個html標籤的title屬性規定關於元素的額外資訊。這些資訊通常會在滑鼠移到元素上時顯示一段工具提示文字(tooltip text)。俗話說的意思就是滑鼠以上某個元素時懸浮在滑鼠右下方的有關這條元素的資訊。但有時候我們的資訊太長時需要一行行的寫來使其美觀,那麼就需要換行了~這時就要分成兩種情況了~

一種是直接在html的標籤上新增title屬性。這種寫法的換行可以用&#10和&#13,以及直接回車等等這些在網上都很多。em:

<a href="http://www.divcss5.com/jiqiao/j510.shtml" 
title="第一排
第二排
第三排">title換行1</a> 
<a href="http://www.divcss5.com/jiqiao/j510.shtml" 
title="說明一
說明二
說明三">title換行2</a>
或者這種直接回車的方式:
<a href='http://www.divcss5.com/jiqiao/j510.shtml' target='_ablank' 
title='標 題:DIVCSS5 
作 者:DIVCSS5 
轉 貼 自:CSS原創 
更新時間:2013-05-17 
推薦等級:無 
關鍵字:title換行 
分頁方式:不分頁 
閱讀等級:普通'>html title屬性換行</a>
以上都是直接在網上找的,下面才是重點,因為有時候我們設定標籤的值和title時是在後臺裡面動態新增的,即:
$("#v17").attr("title","喀喀喀哈哈水水任溶溶方法")
這時候,再用第一種的三種方法加上都無法換行。然後無聊直接試了一下c語言的換行方法/n,沒想到竟然真的可以實現。即:
$("#v17").attr("title","喀喀喀\n哈哈i就據i額快閃開閃開閃開根本v不")
這樣就可以實現了~~~