使用Javascript更改文本

我正在編寫一個HTML頁面和一些JavaScript以使用它。使用Javascript更改文本

的情況是我有id = "textField"

這個div我只是想顯示2個文本是改變每2第二內側一個div。

繼承人我的js代碼：

var textArray = [text, text2]; 

var textIndex= 0; 

var para = document.createElement("p"); 

var text = document.createTextNode("Floating Text"); 

var text2 = document.createTextNode("Another Text"); 


var textField = document.getElementById("textField"); 


function changeText(){ 

textField.setAttribute("p", textArray[textIndex]); 

para.appendChild(textArray[textIndex]); 

textField.appendChild(para); 

textIndex++; 

if(textIndex >= textArray.length){ 

textIndex = 0; 
} 

} 

setInterval(changeText, 2000);

來源

2014-11-06 k3060

您可以創建一個使用的jsfiddle你的HTML也請：http://jsfiddle.net/ – 2014-11-06 11:32:54

什麼錯？ – 2014-11-06 11:41:03

var textArray = ["Floating Text", "Another Text"]; 
var textIndex= 0; 

var textField = document.getElementById("textField"); 

function changeText() 
{ 
    textField.innerHTML =textArray[textIndex]; 
    textIndex++; 

    if(textIndex >= textArray.length) textIndex = 0;   
} 

setInterval(changeText, 2000);

來源

2014-11-06 11:42:29 dm4web

您只需重新分配股利的innerHTML。

像這樣手動創建短語：

var str1 = "<p>Text 1</p>"; 
var str2 = "<p>Text 2</p>"; 
var textField = document.getElementById('id'); 

function changeText(str1, str2){ 
    textField.innerHTML = str1 + "<br />\n" + str2; 
}

你並不需要動態地爲它看起來像什麼youre做添加和刪除元素，你只需要改變的innerHTML，如果你只顯示消息。

來源

2014-11-06 11:35:55

<script type=text/javascript> 

function changeText(textA, textB){ 
    var textAModificar= document.getElementById('textField'); 
    textAmodificar.value = textA + textB; 
} 

var myVar = setInterval(changeText(Chuck, Norris),2000) 

To finalize interval -->clearInterval(myVar); 
</script>

來源

2014-11-06 11:49:40 ZaoTaoBao

使用Javascript更改文本

回答

相關問題