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";