欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【Dom操作之兼容技巧分享】,下面是详细的讲解!
Dom操作之兼容技巧分享
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Dom</title>
</head>
<body>
<h2>运行该代码以后.你会发现在IE,FF,Chrome里返回的结果一样了.</h2>
<ol id="list">
<li>html</li>
<li>css</li>
<li>dom</li>
</ol>
<script>
function Del_space(elem){ //过滤空格的函数
var elem_child=elem.childNodes; //获取所有子元素
for(var i=0;i<elem_child.length;i++){
//如果是文本节点,并且内容只包含空格则删除该节点
if(elem_child[i].nodeName=="#text" && ! /\S/.test(elem_child[i].nodeValue)){
elem.removeChild(elem_child[i]);//如果该元素为空格则删除
}
}
}
Del_space(document.getElementById("list")); //删除ol中的所有空格
var list=document.getElementById("list");
var list_child=list.childNodes; //获取ol中所有的子元素
for(var i=0;i<list_child.length;i++){
alert(list_child[i].tagName);
}
</script>
</body>
</html>
关于Dom操作之兼容技巧分享的用户互动如下:
相关问题:如何进行高性能的复杂dom操作
答:React速度很快 与其它框架相比,React采取了一种特立独行的操作DOM的方式。 它并不直接对DOM进行操作。 它引入了一个叫做虚拟DOM的概念,安插在JavaScript逻辑和实际的DOM之间。 这一概念提高了Web性能。在UI渲染过程中,React通过在虚拟DOM中的... >>详细
相关问题:求推荐一些关于web前端的一些教程书籍,适合新手的
答:前端部分书很多,建议跟着 慕课网 这种在线培训的课程,边学边练。 一部分书供参考。 一、Javascript方面的书籍: 1 JavaScript权威指南(第6版):号称... >>详细
相关问题:js dom操作
答:IE 下 dd.childNodes.length=2 不用解释了 firefox 下 dd.childNodes.length=5; 这是为什么呢 ----空白的文本节点 IE 下忽略了,firefox 按照标准来计算在内 念网念网 ----空白的文本节点 IE 下忽略了 念网念网 ----空白的文本节点 IE 下忽略了 >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【ajax清除浏览器缓存】Ajax清除浏览器js、css、
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-