Question

我可以使用哪些Javascript代码写入HTML DOM？我想创建一个按钮，每次单击它时，它会将不同的文本写入文档元素？实施例;

首先点击：

document.getElementById("paragraph").innerHTML= "This is is the initial text."

第二次点击：

document.getElementById("paragraph").innerHTML= "This text replaces the initial text"

第三次点击：

document.getElementById("paragraph").innerHTML= "This text replaces the text from the second click"

等等......

全部没有提前谢谢。

Answer 1

将所有文本选项添加到数组中。

设置一个每次点击都会计数的变量。

使用计数器编号从数组中调用文本。

一些代码：

var counter = 0;
var theArray = new Array("This is is the initial text.", "This text replaces the initial text", "This text replaces the text from the second click");

function clicked(){
   document.getElementById("paragraph").innerHTML= theArray[counter++];
}

Answer 2

创建一个包含所有可用文本行的数组。

然后点击按钮，生成一个随机数，并用数组中的索引值替换。

var contentArray = ["This is is the initial text.", "This text replaces the initial text",    "This text replaces the text from the second click"],
length = countArray.length;

$(btn).bind('click',function(){
  var randomNumber = Math.floor(Math.random()*length);
  document.getElementById("paragraph").innerHTML = contentArray[randomNumber];
});

Javascript onclick事件，每次单击都会向元素写入不同的文本

2 个答案: