createElement 指定式样和事件

var message = document.createTextNode("info");
var p = document.createElement("p");
p.setAttribute("style", "color:red;");
p.appendChild(message);
?
document.body.appendChild(p);

以上代码创建一个?p，并设置颜色为红色，但是上述代码在 FF 中有效，在 IE 中却无效，要兼容两个浏览器，可以采用如下代码。

方法一、

var message = document.createTextNode("info");
var p;
try
{
??? p = document.createElement("<p style=\"color:red\">");
}
catch(e)
{
??? p = document.createElement("p");
??? p.setAttribute("style", "color:red;");
}
p.appendChild(message); 
?
document.body.appendChild(p);

方法二、

var message = document.createTextNode("info");
var p = document.createElement("p");
p.appendChild(message); 
p.style.color = "red";
 
document.body.appendChild(p);

方法三、

var message = document.createTextNode("info");
var p = document.createElement("p");
p.appendChild(message); 
var np = document.body.appendChild(p);
 
np.style.color = "red";

方法四、

var message = document.createTextNode("info");
var p = document.createElement("p");
p.appendChild(message); 
p.id = "pid";
?
document.body.appendChild(p);
document.getElementById("pid").style.color = "red";