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