2012-02-02 83 views
2

說我有在var字符串中添加html?

var b = 'I am a JavaScript hacker.' 

我怎樣才能做到這一點?

var b = 'I am a <a href="foo.php">JavaScript hacker</a>.' 

這是可行的嗎?

我認爲問題很清楚。道歉,如果沒有。

小提琴這裏http://jsfiddle.net/ozzy/vWYQ2/

+1

你想達到什麼目的? – grc 2012-02-02 05:07:10

+0

好吧,我有一個文本更改腳本,懸停改變文本到另一行文本..我希望在結果文本中添加一個鏈接,我將創建一個小提琴 – 422 2012-02-02 05:08:26

+0

http://jsfiddle.net/ozzy/vWYQ2/ – 422 2012-02-02 05:13:01

回答

3
$(function() { 
    var mem = $("#TA").html(); 
    $("#TA").hover(function() { 
     $(this).stop().html('I am a <a href="foo.php">JavaScript hacker</a>.'); 
    }, function() { 
     $(this).stop().html(mem); 
    }); 
}); 

我想你想是這樣的

My code

編輯:由於閃爍的問題。

+0

這就是偉大的cept需要有一個編號我只是去div.apple和改變div ID =「蘋果」發起它?因爲http://jsfiddle.net/ozzy/zKRGW/7/有缺陷(不知道我在那裏做錯了什麼) – 422 2012-02-02 05:29:01

+1

@ 422作爲你看到我沒有使用id,但你可以使用id並將它改爲$(「#your_DOM_id」)而不是$(「div」)。 – InspiredJW 2012-02-02 05:30:44

+0

試過了,當你將鼠標懸停在它上面時,它會閃爍?的jsfiddle .net/ozzy/zKRGW/8/ – 422 2012-02-02 05:32:47

2

嗯......是嗎?那會給你一個名爲b的變量,它可以保存'I am a <a href="foo.php">JavaScript hacker</a>.'

2

來自http://jsfiddle.net/vWYQ2/2/的代碼,一旦鼠標不存在,這將刪除超鏈接。

HTML

<div id="TA" onmousemove="changetext();" onmouseout="restore();">I am a JavaScript hacker.</div> 

的JavaScript

var originalBlock = document.getElementById("TA").innerHTML; 
var timer; 
function changetext() 
{ 
    var id = document.getElementById("TA"); 
    if(originalBlock == null) originalBlock= id.innerHTML; 
    var text = id.innerHTML; 
    id.innerHTML = text.replace("JavaScript hacker", "<a href='foo.php'>JavaScript hacker</a>"); 
    if(timer != null) 
    clearTimeout(timer); 
} 
function restore() 
{ 
    timer = setTimeout(function() 
      { 
       document.getElementById("TA").innerHTML = originalBlock; 
      }, 1000); 
} 
+0

但是,如果只是一個詞,這就是我陷入了我不想要的地方「JavaScript hacker」我在「JavaScript hacker」之後。這就是我陷入困境的地方(正確轉義不同部分 – 422 2012-02-02 05:27:52

+0

@ 422嘗試新代碼吧如果你想在這種情況下將'hacker'轉換爲超鏈接,那麼將替換語句改爲'text.replace(「hacker」,「hacker」)' – 2012-02-02 05:50:22

+0

Thankyou @Amar Palsapure – 422 2012-02-02 05:56:16