XML通过dom方式插入html中时解决对多空格的处理。

如何显示空格?

通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用 表示空格。

如下有一段XML信息:

<?xml version=‘1.0‘ encoding=‘gb2312‘?><detail><row RowState=‘Unchanged‘  ID=‘6‘ Ts=‘0000000000a48042‘ ProductName=‘女NH相机包单反相机防水防雨防沙罩防水包  厂家直销‘ SKUCode=‘3992416324911‘ Unit=‘个‘ Quantity=‘2‘ Price=‘79‘ Amount=‘151.68‘ /></detail>

在节点ProductName中有多空格的存在。

var str = xml;

var domParser = new DOMParser;
var dom = domParser.parseFromString(str, "text/xml");

从而dom可以直接插入到html中。

在html中,我们处理空格的时候,是通过.replace(/\ /g, "&nbsp;")处理的。如果在这里也这样处理,那么恭喜你,你肯定会遇到

这时候如果对xml不太了解的同学可能会懵逼了,竟然不认识nbsp是什么东西?

查一下HTML/XML转义字符对照表,可以得到以下信息:

&nbsp;是html中的空格的转义

 是XSL中的。

XSL并不认识&nbsp;

PS:

XSL是可扩展样式表语言的外语缩写,是一种用于以可读格式呈现 XML(标准通用标记语言的子集)数据的语言。

XSL = XML 样式表 XML 不使用预先定义的标签(我们可以使用任何喜欢的标签名),并且每个标签的意义并不都那么容易被理解。

<table> 标签意味着一个 HTML 表格,一件家具,或是别的什么东西 - 浏览器不清楚如何显示它。

XSL 可描述如何来显示 XML 文档! XSL - 不仅仅是样式表语言 XSL

包括三部分:

1.XSLT - 一种用于转换 XML 文档的语言。

2.XPath - 一种用于在 XML 文档中导航的语言。

3.XSL-FO - 一种用于格式化 XML 文档的语言。

所以针对XML中的空格,想保留的话.replace(/\ /g, " ")来进行处理。

原文地址:https://www.cnblogs.com/mdorg/p/10648319.html

时间: 2024-08-06 10:28:08

XML通过dom方式插入html中时解决对多空格的处理。的相关文章

JAVA解析XML之DOM方式

JAVA解析XML之DOM方式 准备工作 创建DocumentBuilderFactory对象;    创建DocumentBuilder对象; 通过DocumentBuilder对象的parse方法加载xml 解析XML文件的属性名和属性值 解析XML文件的节点名和节点值 常用方法如下: getElementsByTagName(); getLength(); item(); getNodeName(); getNodeValue(); getNodeType(); *getAttribute

006_03Java解析XML之DOM方式与SAX方式

XML解析方式分为两种:DOM方式和SAX方式 DOM:Document Object Model,文档对象模型.这种方式是W3C推荐的处理XML的一种方式. SAX:Simple API for XML.这种方式不是官方标准,属于开源社区XML-DEV,几乎所有的XML解析器都支持它. XML解析开发包 JAXP:是SUN公司推出的解析标准实现. Dom4J:是开源组织推出的解析开发包. JDom:是开源组织推出的解析开发包. JAXP: JAXP:(Java API for XML Proc

XML解析---DOM方式

XML解析方法分为两种:DOM方式和SAX方式 DOM:Document Object Model,文档对象模型.这种方式是W3C推荐处理XML的一种方式 SAX:Simple API for XML.该方式不是官方标准,属于开源社区XML-DEV XML解析开发包 JAXP:SUN公司推出的解析标准实现 Dom4J:开源组织推出的解析开发包 JDOM:同上 JAXP:(Java API for XML Processing)开发包是JavaSE的一部分,它由以下几个包及其子包组成 org.w3

XML引入,DOM 方式解析XML 原理,SAX 方式解析XML

XML 简介 Xml(eXtensible Markup Language) 即可扩展标记语言.提供了一套跨平台.跨网络.跨程序的语言的数据描述方式,使用XML 可以方便地实现数据交换.系统配置.内容管理等常见功能. 元素VS 节点 节点包括元素节点.属性节点.文本节点:元素一定是节点,但是节点不一定是元素: <?xml version="1.0" encoding="UTF-8"?> <emp> <empName empNo=&quo

QT开发(四十二)——DOM方式解析XML

QT开发(四十二)--DOM方式解析XML 一.DOM简介 1.DOM简介 DOM是Document Object Model的简写,即XML文档对象模型,是由W3C提出的一种处理XML文档的标准接口. DOM 一次性读入整个XML文档,在内存中构造为一棵树(DOM树)将XML文件表示成一棵树,便于随机访问其中的节点,但消耗内存相对多一些.能够在这棵树上进行导航,比如移动到下一节点或者返回上一节点,也可以对这棵树进行修改,或者是直接将这颗树保存为硬盘上的一个 XML 文件. 2.XML DOM节

DOM方式解析xml文件查看天气

1.步骤: ①创建文档解析器的工厂对象 ②得到文档解析器对象 ③获取输入流对象 ④通过解析器的parse方法解析is对象 转换成Document对象 ⑤返回的是文档的根节点 ⑥判断是否有孩子节点进行获取子节点转换成元素节点得到属性节点 ⑦得到具体的某个属性节点 2.解析元素节点.属性节点.文本节点: 3.界面搭建 界面搭建的相关代码: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

Android中XML解析-Dom解析

Android中需要解析服务器端传过来的数据,由于XML是与平台无关的特性,被广泛运用于数据通信中,有的时候需要解析xml数据,格式有三种方式,分别是DOM.SAX以及PULL三种方式,本文就简单以Dom解析为例,解析XML, DOM方式解析xml是先把xml文档都读到内存中,然后再用DOM API来访问树形结构,并获取数据的,但是这样一来,如果xml文件很大,手机CPU处理能力比PC差,因此在处理效率方面就相对差了,使用Dom解析就不是太合适了. 基础维护 首先下assets目录下新建一个Bo

XML(php中获取xml文件的方式/ajax获取xml格式的响应数据的方式)

1.XML 格式规范: ① 必须有一个根元素 ② 不可有空格.不可以数字或.开头.大小写敏感 ③ 不可交叉嵌套 ④ 属性双引号(浏览器自动修正成双引号了) ⑤ 特殊符号要使用实体 ⑥ 注释和HTML一样 虽然可以描述和传输复杂数据,但是其解析过于复杂并且体积较大,所以实现开发已经很少使用了.   例: <?xml version="1.0" encoding="UTF-8"?> <root> <arrayList> <arr

Qt Dom方式写xml,以及保存到xml文件中

#include <QString> #include <QDebug> #include <stdio.h> #include <stdlib.h> #include <QDomDocument> #include <QtXml> //XML DOM的方式 int main(int argc, char *argv[]) {     QByteArray array;     QDomDocument doc;     QDomPr