使用Javascript更改文本

Changing Text Using Javascript

本文关键字：文本 Javascript 使用      更新时间：2023-09-26

我正在编写一个HTML页面和一些JavaScript。

场景是我有一个带有id = "textField" 的div

在这个div中，我只想显示每2秒钟更改一次的2个文本。

这是我的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);

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);

您可以重新分配div的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;
}

你不需要动态地添加和删除元素，只需要在只显示消息的情况下更改innerHTML。

<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>
相关文章：