Question

这是一个初学者的问题。我基本上想要做的是在HTML页面的标题中循环不同的单词。例如，我想要一个标题表示＆＃34;为你的车涂上_____＆＃34;空的空间循环通过＆＃34;红色＆＃34;，＆＃34;蓝色＆＃34;，＆＃34;绿色＆＃34;，＆＃34;紫色＆＃34;等等......我一直在寻找每个人，但我似乎无法找到任何东西。如果有人能指出我正确的方向链接或某事，那就非常感谢！干杯

Answer 1

这是一个可以帮助你的例子。

＆＃13;

const colors = ['red', 'blue', 'purple'];
const duration = 1000;
let index = colors.length - 1;
const element = document.getElementById('page-header-color');

function updateElementText() {
    index = index < colors.length - 1 ? index + 1 : 0;
    element.innerText = colors[index];
}

updateElementText();
setInterval(updateElementText, duration);

＆＃13;

<h1>Paint your car the color of <span id="page-header-color"></span></h1>

＆＃13;

Answer 2

使用span：

Paint your car the color of <span id="custom-text">____</span>

然后根据需要更改自定义文本的innerHTML。

https://www.w3schools.com/jsref/met_document_getelementbyid.asp

https://www.w3schools.com/jsref/prop_html_innerhtml.asp

有没有办法在HTML中更改p或tag属性中的特定单词？

2 个答案: