[英]How i can create multiple random paragraph elements with javascript?
我正在嘗試使用此數組中的值創建帶有隨機文本的多個段落:
var values = ["Carl","Maria","Joseph","Tatiane","Dayanne"];
但老實說,我不知道該怎么做。 這是我的代碼...
var paragraph = document.createElement("p");
paragraph.innerText = "random string";
document.body.appendChild(paragraph);
我需要創建35個段落...
innerText是IE引入的古怪的非標准屬性。 強烈建議改用標准,更快,更可靠的textContent代替-請參見http://perfectionkills.com/the-poor-misunderstood-innerText
您可以使用arr[Math.floor(Math.random() * arr.length)]
從數組中獲取隨機元素:
const words = ["Carl","Maria","Joseph","Tatiane","Dayanne"]; Array.from({ length: 35 }) .forEach(() => { const randomText = words[Math.floor(Math.random() * words.length)]; document.body .appendChild(document.createElement("p")) .textContent = randomText; });
<script>
var values = ["Carl", "Maria", "Joseph", "Tatiane", "Dayanne"];
var total = 35;
for (count = 1; count <= total; count++) {
// Get random index within the array bounds
var randomIndex = Math.floor(Math.random() * values.length);
// Get value in the array that corresponds to the random index.
var value = values[randomIndex];
// Create the <p> tag.
var p = document.createElement('p');
p.innerText = value;
document.body.appendChild(p);
}
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.