如何在DOM解析XML时正则忽略换行行和空格

来源：蜘蛛抓取(WebSpider) 时间：2016-11-14 19:33 标签： dom设置表格自动换行
XML DOM 教程
XML DOM 浏览器差异
DOM 解析中的浏览器差异
所有现代的浏览器都支持 W3C DOM 规范。
然而，浏览器之间是有差异的。一个重要的差异是：
处理空白和换行的方式
DOM - 空白和换行
XML 经常在节点之间包含换行或空白字符。这是在使用简单的编辑器（比如记事本）编辑文档时经常出现的情况。
下面的例子（由记事本编辑）在每行之间包含 CR/LF（换行），在每个子节点之前包含两个空格：
&title&Everyday Italian&/title&
&author&Giada De Laurentiis&/author&
&year&2005&/year&
&price&30.00&/price&
Internet Explorer 将不会把空的空白或换行作为文本节点，而其他浏览器会。
下面的代码片段显示（books.xml 的）根元素拥有多少个子节点：
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.documentElement.childN
document.write("Number of child nodes: " + x.length);
实例解释：
把 "" 载入 xmlDoc 中
获取根元素的子节点
输出子节点的数量。结果取决于您所使用的浏览器。IE 浏览器会输出 4（提醒 4 个子节点），而其他浏览器会输出 9（提醒 9 个子节点）。
反馈内容（*必填）
截图标记颜色
联系方式(邮箱)
联系邮箱：
投稿页面：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
您的访问请求被拒绝 403 Forbidden - ITeye技术社区
您的访问请求被拒绝
亲爱的会员，您的IP地址所在网段被ITeye拒绝服务，这可能是以下两种情况导致：
一、您所在的网段内有网络爬虫大量抓取ITeye网页，为保证其他人流畅的访问ITeye，该网段被ITeye拒绝
二、您通过某个代理服务器访问ITeye网站，该代理服务器被网络爬虫利用，大量抓取ITeye网页
请您点击按钮解除封锁&4314人阅读
小知识点汇总（4）
原文地址： &
项目中遇到这么一个情况：一个规定宽度的DIV里面需要横向排列一span来放置数据，每个span的内容长短不一，设置为DISPLAY：block，并且Float:left,这样每个Span都能根据里面内容自适应宽度，并且一个个挨着靠左浮动。
现在要达到的效果是一行中当某个span挤不进去的时候，就自动换行，而不是把它的父容器撑宽度或者把它自己撑高（它的内容出现换行）。
经过测试在大部分浏览器下都没问题，但是在IEE6下它不会换行，也没有把父容器撑宽，而是硬生生挤进去，把自己变窄并撑高了，里面的文字换行了。
为了解决这个问题找了word-break这个属性来解决，发现IE6不支持。
重新经过百度娘的指导，使用white-space:问题得到解决。
white-space : normal | pre | nowrap
取&#20540;：
normal : 默认&#20540;。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行
pre : 换行和其他空白字符都将受到保护。这个&#20540;需要IE6&#43;或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ，此属性可以使用，但是不会发生作用。结果等同于 normal 。参阅 pre 对象
nowrap : 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。参阅 noWrap 属性
设置或检索对象内空&#26684;字符的处理方式。
空&#26684;字符，像换行，空&#26684;，TAB，在HTML文档中默认的是被忽略的。当此属性设置为 normal 或者 nowrap 时，你可以使用不换行空&#26684;的命名实体来添加空&#26684;，用 br 元素来添加换行。此属性对你使用文档对象模型(DOM)操作的内容的影响与其对IE显示内容的影响一样。
此属性作用于块对象。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 whiteSpace 。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：50650次
排名：千里之外
(1)(2)(4)(3)(3)(2)(1)温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
加油星矢~燃烧吧小宇宙~~
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(17359)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_082064',
blogTitle:'div、p、td 的强制不换行及强制换行',
blogAbstract:'关于强制不换行、强制换行的话题在网上已经被讨论了无数次，但我发现都不够全面，没有充分考虑各种浏览器、各种标签等情况，以致不兼容，所以我再来说说。由于&div&和&p&在本文的讨论中，效果相同，所以省略&p。 文中“没有指定宽度的&td”是指：为&table&指定了宽度，但没有给&td&指定宽度。 强制不换行 div, td { &&&&white-space: } 这点在&Firefox&的&div&和&td&中，以及&IE&的&div&中，均没有问题。在&IE&的&td&中却很复杂： ',
blogTag:'div',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:9,
publishTime:9,
permalink:'blog/static/',
commentCount:2,
mainCommentCount:2,
recommendCount:2,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'加油星矢~燃烧吧小宇宙~~',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}

我要回帖

更多关于 dom设置表格自动换行 的文章

 

随机推荐