Javascript 添加和删除段落，简要显示文本

单击图像地图中的特定位置后，应运行函数

add（）

，创建段落，红色显示“not available yet”（尚未可用）五秒钟，并再次删除段落

function  add() {
    var x = document.createElement("P");
    var t = document.createTextNode("This is a paragraph.");
    x.appendChild(t);
    document.body.appendChild(x);
    setTimeout ( "del()", 5000 );
        }
function del() {
removeChild() }

所以有两件事是不正确的。 1：如何将文本更改为红色？和另一种字体？ 2:

del（）

函数应该删除段落，但我不知道该放什么。只是

removeChild（P）

？等待P甚至不是个孩子

---

有人能帮我得到想要的结果吗？（我的意思是：应该在五秒钟内看到红色的“not available yet”，然后段落应该消失。

要使用JavaScript将文本更改为红色，请执行以下操作：

para.style.fontFamily = 'Arial'
para.style.color = 'red'

---

要使用CSS将文本更改为红色，请执行以下操作：

CSS:

JS:

删除该段：

var para = document.createElement("P");
function  add() {
    var t = document.createTextNode("This is a paragraph.");
    para.appendChild(t);
    document.body.appendChild(para);
    setTimeout (del, 5000);
}
function del() {
   para.parentNode.removeChild(para);
   // or if you just need to empty the paragraph
   // para.innerHTML = '';
}

---

要使文本变为红色：有两种方法。您可以编写：

x.style.color = '#ff0000';

或者你给它上课：

x.className = 'red_text'

…并在样式表中定义该类的样式

要删除段落，只需执行与添加段落相反的操作：

document.body.removeChild(x)

看看这个

1：如何将文本更改为红色？以及其他字体

我建议在样式方面使用CSS，只需为元素指定正确的类即可。您可以指定任何需要的内容。例如，也可以使用CSS实现淡入效果

2:del（）函数应该删除段落，但我不知道该放在那里什么。只需删除child（p）

---

我建议使用闭包并传递parent和child，以便使用parent.removeChild（child）；如果你不需要其他任何东西，你甚至可以避免定义另一个函数。

最好给

para

一个类，让CSS来做这件事。在未来更容易更改其他改进是将全局

para

变量更改为第三个参数

setTimeout

。或者使del（）变为函数将该元素作为参数并执行

setTimeout（function（）{del（para）}，5000）；

这是我现在的代码。它仍然不工作…

function add（）{

var para=document.createElement（“p”）；

var t=document.createTextNode（“还不可用！”；

para.appendChild（t）

document.body.appendChild（para）；

setTimeout（function（）{del（para）}，5000）；

function del（）{
}
我做错了什么？（@Ed-Heal@Henrique Barcelos@I Stanley@user3896501）尝试更改
function del（）
至
功能删除（第段）
x.className = 'red_text'

document.body.removeChild(x)