开发跨浏览器的JavaScript

最新推荐文章于 2025-08-06 14:36:16 发布

lyncn

最新推荐文章于 2025-08-06 14:36:16 发布

阅读量695

点赞数

分类专栏： ajax javascript 文章标签： javascript 浏览器 button input class ie

4 篇文章

订阅专栏

3 篇文章

订阅专栏

本文介绍了一系列跨浏览器的JavaScript技巧，包括如何在不同浏览器下统一处理DOM操作，如添加表格行、设置元素样式、添加事件监听等，适用于前端开发人员。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发跨浏览器的JavaScript

判定浏览器类型:if(document.uniqueID)如果为TRUE是IE,否则非IE。
1向表中追加行
2通过JAVASCRIPT设置元素的样式
3设置元素的CLASS属性
4创建输入元素
5向输入元素增加事件处理程序
6创建单选按钮

1.
<table id="MyTable>
<tbody id="MyTableBody"></tbody>
</table>
var cell = documentcreateElement("td").appendChild(document.createTextNode("foo"));
var row = document.createElement("tr").appendChild(cell);
document.getElementById("MyTableBoyd").appendChild(row);
2.
var spanElement = document.getElementById("myspan");
//spanElement.setAttribute("style","font-weight:bold;color:red");
spanElement.style.cssText="font-weight:bold;color:red";
3.
element.setAttribute("class","stylename");//非IE
element.setAttribute("className","stylename");//IE
4.
var button = document.createElement("input");
button.setAttribute("type","button");
document.getElementById("form").appendChild(button);
5.
var element = document.getElementById("ee");
element.onclick=function(){todo();};
6.
var ration = document.createElement("<input type='radio' name='radioa' value='checked'>);//ie
vat radion = document.createElement("input");
radion .setAttribute("type","radio");
radion.setAttribute("name","radionsss");
radion.setAttribute("value","checked");