[工具]将xml文件转换为html显示
2024-05-09 14:02:47
将xml文件转换为html显示，是使用JavaScript 来解析 XML 并访问 DOM，属于 XML 文档样式化，最好的文档样式化方法是用xslt。
因为电脑上装了有道词典，她上面有个将单词添加到单词本的功能，但是导出的文件是xml文件，一堆标签将我想要的单词数据夹着，不便于打印。因此随便看了看xml文档对象操作，写了几条代码可以将xml中的单词和翻译提取出来并用html将数据以比较容易阅读的格式地显示，记录一下，呵呵。
1.准备工作
将有道导出的xml数据文件word.xml与此html文件放在任一服务器发布（因为使用了xmlhttpRequest对象，ajax就是用它实现在后台和服务器进行异步通信）
访问此html文件即可以得到一个便于打印及阅读英语单词的格式
word.xml
View Code
1 <wordbook><item> <word>tutorials</word> 2 <trans><![CDATA[n. 教程；专题报告；学习指南（tutorial的复数） 3 ]]></trans> 4 <phonetic><![CDATA[ ]]></phonetic> 5 <tags></tags> 6 <progress>3</progress> 7 </item><item> <word>manipulate</word> 8 <trans><![CDATA[vt. 操作；操纵；巧妙地处理；篡改 9 ]]></trans> 10 <phonetic><![CDATA[[mə'nipjuleit]]]></phonetic> 11 <tags></tags> 12 <progress>2</progress> 13 </item><item> <word>traverse</word> 14 <trans><![CDATA[n. 穿过；横贯；横木 15 vt. 穿过；反对；详细研究；在…来回移动 16 vi. 横越；旋转；来回移动 17 adj. 横贯的 18 ]]></trans> 19 <phonetic><![CDATA[['trævəs, -və:s, trə'və:s, træ-]]]></phonetic> 20 <tags></tags> 21 <progress>1</progress> 22 </item><item> <word>subsequent</word> 23 <trans><![CDATA[adj. 后来的，随后的 24 ]]></trans> 25 <phonetic><![CDATA[['sʌbsikwənt]]]></phonetic> 26 <tags></tags> 27 <progress>1</progress> 28 </item><item> <word>sequent</word> 29 <trans><![CDATA[adj. 连续的；其次的；作为结果而产生的 30 n. 结果；相继发生的事 31 ]]></trans> 32 <phonetic><![CDATA[['si:kwənt]]]></phonetic> 33 <tags></tags> 34 <progress>1</progress> 35 </item><item> <word>auxiliary</word> 36 <trans><![CDATA[n. 助动词；辅助者，辅助物；附属机构 37 adj. 辅助的；副的；附加的 38 ]]></trans> 39 <phonetic><![CDATA[[ɔ:ɡ'ziljəri]]]></phonetic> 40 <tags></tags> 41 <progress>1</progress> 42 </item><item> <word>compression</word> 43 <trans><![CDATA[n. 压缩，浓缩；压榨，压迫 44 ]]></trans> 45 <phonetic><![CDATA[[kəm'preʃən]]]></phonetic> 46 <tags></tags> 47 <progress>1</progress> 48 </item><item> <word>sealed</word> 49 <trans><![CDATA[adj. 密封的；未知的 50 v. 封闭；盖印（seal的过去分词） 51 ]]></trans> 52 <phonetic><![CDATA[[si:ld]]]></phonetic> 53 <tags></tags> 54 <progress>1</progress> 55 </item><item> <word>dispatching</word> 56 <trans><![CDATA[n. 配送；调度；安排作业 57 v. 派遣；分派（dispatch的ing形式） 58 ]]></trans> 59 <phonetic><![CDATA[[dis'pætʃiŋ]]]></phonetic> 60 <tags></tags> 61 <progress>1</progress> 62 </item><item> <word>mechanism</word> 63 <trans><![CDATA[n. 机制；原理，途径；进程；机械装置；技巧 64 ]]></trans> 65 <phonetic><![CDATA[['mekənizəm]]]></phonetic> 66 <tags></tags> 67 <progress>1</progress> 68 </item><item> <word>automation</word> 69 <trans><![CDATA[n. 自动化；自动操作 70 ]]></trans> 71 <phonetic><![CDATA[[,ɔ:tə'meiʃən]]]></phonetic> 72 <tags></tags> 73 <progress>1</progress> 74 </item><item> <word>joystick</word> 75 <trans><![CDATA[n. 操纵杆，[机] 控制杆 76 ]]></trans> 77 <phonetic><![CDATA[['dʒɔistik]]]></phonetic> 78 <tags></tags> 79 <progress>2</progress> 80 </item><item> <word>Prior</word> 81 <trans><![CDATA[ adj. 在先的，在前的；优先的 82 83 adv. 在前，居先 84 85 ]]></trans> 86 <phonetic><![CDATA[['praiə]]]></phonetic> 87 <tags></tags> 88 <progress>1</progress> 89 </item><item> <word>assemble</word> 90 <trans><![CDATA[vt. 集合，聚集；装配；收集 91 vi. 集合，聚集 92 ]]></trans> 93 <phonetic><![CDATA[[ə'sembl]]]></phonetic> 94 <tags></tags> 95 <progress>1</progress> 96 </item><item> <word>explicitly</word> 97 <trans><![CDATA[adv. 明确地；明白地 98 ]]></trans> 99 <phonetic><![CDATA[ ]]></phonetic> 100 <tags></tags> 101 <progress>1</progress> 102 </item><item> <word>miscellaneous</word> 103 <trans><![CDATA[adj. 混杂的，各种各样的；多方面的，多才多艺的 104 ]]></trans> 105 <phonetic><![CDATA[[,misi'leinjəs, 'misə'leiniəs]]]></phonetic> 106 <tags></tags> 107 <progress>1</progress> 108 </item><item> <word>caret</word> 109 <trans><![CDATA[n. 脱字符号；插入符号 110 ]]></trans> 111 <phonetic><![CDATA[['kærət]]]></phonetic> 112 <tags></tags> 113 <progress>1</progress> 114 </item><item> <word>ultimate</word> 115 <trans><![CDATA[adj. 最终的；根本的；极限的 116 n. 基本原则；终极；根本 117 ]]></trans> 118 <phonetic><![CDATA[['ʌltimət]]]></phonetic> 119 <tags></tags> 120 <progress>1</progress> 121 </item><item> <word>snapshots</word> 122 <trans><![CDATA[n. 快照（snapshot的复数） 123 v. 拍快照（snapshot的三单形式） 124 ]]></trans> 125 <phonetic><![CDATA[ ]]></phonetic> 126 <tags></tags> 127 <progress>1</progress> 128 </item><item> <word>widget</word> 129 <trans><![CDATA[ n. 装饰物；小机械；未定名的主要新产品 130 131 ]]></trans> 132 <phonetic><![CDATA[['widʒit]]]></phonetic> 133 <tags></tags> 134 <progress>1</progress> 135 </item><item> <word>imposed</word> 136 <trans><![CDATA[adj. 强加的；施加的；应用的 137 v. 把…强加于；欺骗（impose的过去分词） 138 ]]></trans> 139 <phonetic><![CDATA[ ]]></phonetic> 140 <tags></tags> 141 <progress>1</progress> 142 </item><item> <word>machinery</word> 143 <trans><![CDATA[n. 机械；机器；机构；机械装置 144 ]]></trans> 145 <phonetic><![CDATA[[mə'ʃi:nəri]]]></phonetic> 146 <tags></tags> 147 <progress>1</progress> 148 </item><item> <word>simultaneously</word> 149 <trans><![CDATA[adv. 同时地 150 ]]></trans> 151 <phonetic><![CDATA[ ]]></phonetic> 152 <tags></tags> 153 <progress>1</progress> 154 </item><item> <word>sequentially</word> 155 <trans><![CDATA[adv. 继续地；循序地；从而 156 ]]></trans> 157 <phonetic><![CDATA[ ]]></phonetic> 158 <tags></tags> 159 <progress>1</progress> 160 </item><item> <word>excerpt</word> 161 <trans><![CDATA[n. 摘录，引用 162 vt. 引用，摘录 163 vi. 摘录，引用 164 ]]></trans> 165 <phonetic><![CDATA[[ek'sə:pt, 'eksə:pt]]]></phonetic> 166 <tags></tags> 167 <progress>1</progress> 168 </item><item> <word>validated</word> 169 <trans><![CDATA[adj. 经过验证的 170 v. 使生效；确认（validate的过去式及过去分词形式） 171 ]]></trans> 172 <phonetic><![CDATA[ ]]></phonetic> 173 <tags></tags> 174 <progress>2</progress> 175 </item><item> <word>handicap</word> 176 <trans><![CDATA[n. 障碍；不利条件，不利的因素 177 vt. 妨碍，阻碍；使不利 178 ]]></trans> 179 <phonetic><![CDATA[['hændikæp]]]></phonetic> 180 <tags></tags> 181 <progress>1</progress> 182 </item><item> <word>profiler</word> 183 <trans><![CDATA[n. 分析器，分析工具；仿形铣床；[测] 断面仪 184 ]]></trans> 185 <phonetic><![CDATA[['prəufailə]]]></phonetic> 186 <tags></tags> 187 <progress>1</progress> 188 </item><item> <word>alphabetically</word> 189 <trans><![CDATA[adv. 照字母顺序排列地 190 ]]></trans> 191 <phonetic><![CDATA[[,ælfə'betikli]]]></phonetic> 192 <tags></tags> 193 <progress>1</progress> 194 </item><item> <word>title bar</word> 195 <trans><![CDATA[标题栏 196 ]]></trans> 197 <phonetic><![CDATA[ ]]></phonetic> 198 <tags></tags> 199 <progress>2</progress> 200 </item><item> <word>bar</word> 201 <trans><![CDATA[n. 条，棒；酒吧；障碍 202 prep. 除……外 203 vt. 禁止；阻拦 204 ]]></trans> 205 <phonetic><![CDATA[[bɑ:]]]></phonetic> 206 <tags></tags> 207 <progress>2</progress> 208 </item><item> <word>comma</word> 209 <trans><![CDATA[n. 逗号；停顿 210 ]]></trans> 211 <phonetic><![CDATA[['kɔmə]]]></phonetic> 212 <tags></tags> 213 <progress>1</progress> 214 </item><item> <word>collectively</word> 215 <trans><![CDATA[adv. 共同地，全体地 216 ]]></trans> 217 <phonetic><![CDATA[[kə'lektivli]]]></phonetic> 218 <tags></tags> 219 <progress>1</progress> 220 </item><item> <word>corresponding</word> 221 <trans><![CDATA[adj. 相当的，相应的；一致的；通信的 222 v. 类似（correspond的ing形式）；相配 223 ]]></trans> 224 <phonetic><![CDATA[[,kɔ:ri'spɔndiŋ]]]></phonetic> 225 <tags></tags> 226 <progress>1</progress> 227 </item><item> <word>shortcut</word> 228 <trans><![CDATA[n. 捷径；被切短的东西 229 ]]></trans> 230 <phonetic><![CDATA[['ʃɔ:tkʌt]]]></phonetic> 231 <tags></tags> 232 <progress>1</progress> 233 </item><item> <word>retained</word> 234 <trans><![CDATA[v. 保留；保存（retain的过去式形式） 235 adj. 保留的 236 ]]></trans> 237 <phonetic><![CDATA[ ]]></phonetic> 238 <tags></tags> 239 <progress>1</progress> 240 </item><item> <word>precise</word> 241 <trans><![CDATA[adj. 精确的；明确的；严格的 242 ]]></trans> 243 <phonetic><![CDATA[[pri'sais]]]></phonetic> 244 <tags></tags> 245 <progress>1</progress> 246 </item><item> <word>duplicate</word> 247 <trans><![CDATA[n. 副本；复制品 248 adj. 复制的；二重的 249 vt. 复制；使加倍 250 vi. 复制；重复 251 ]]></trans> 252 <phonetic><![CDATA[['dju:plikət, 'dju:plikeit]]]></phonetic> 253 <tags></tags> 254 <progress>1</progress> 255 </item><item> <word>bona</word> 256 <trans><![CDATA[adj. 好的（等于good） 257 ]]></trans> 258 <phonetic><![CDATA[['bəunə]]]></phonetic> 259 <tags></tags> 260 <progress>1</progress> 261 </item><item> <word>bona fide</word> 262 <trans><![CDATA[adj. 善意的；真实的；真诚的 263 adv. 善意地；真实地；真诚地 264 ]]></trans> 265 <phonetic><![CDATA[[,bəunə'faidi, 'bɔ:nəfaid]]]></phonetic> 266 <tags></tags> 267 <progress>1</progress> 268 </item><item> <word>strategic</word> 269 <trans><![CDATA[adj. 战略上的，战略的 270 ]]></trans> 271 <phonetic><![CDATA[[strə'ti:dʒik]]]></phonetic> 272 <tags></tags> 273 <progress>1</progress> 274 </item><item> <word>intuitive</word> 275 <trans><![CDATA[adj. 直觉的；凭直觉获知的 276 ]]></trans> 277 <phonetic><![CDATA[[in'tju:itiv]]]></phonetic> 278 <tags></tags> 279 <progress>1</progress> 280 </item><item> <word>over time</word> 281 <trans><![CDATA[随着时间的过去；超时 282 ]]></trans> 283 <phonetic><![CDATA[ ]]></phonetic> 284 <tags></tags> 285 <progress>1</progress> 286 </item><item> <word>customize</word> 287 <trans><![CDATA[vt. 定做，按客户具体要求制造 288 ]]></trans> 289 <phonetic><![CDATA[['kʌstəmaiz]]]></phonetic> 290 <tags></tags> 291 <progress>1</progress> 292 </item><item> <word>docked</word> 293 <trans><![CDATA[v. 停驻（dock的过去式） 294 ]]></trans> 295 <phonetic><![CDATA[ ]]></phonetic> 296 <tags></tags> 297 <progress>1</progress> 298 </item><item> <word>shrinking</word> 299 <trans><![CDATA[v. 萎缩（shrink的ing形式）；收缩；退缩 300 adj. 畏缩的；犹豫不决的 301 ]]></trans> 302 <phonetic><![CDATA[[ʃriŋkiŋ]]]></phonetic> 303 <tags></tags> 304 <progress>1</progress> 305 </item><item> <word>context menu</word> 306 <trans><![CDATA[上下文菜单；右键菜单；快显功能表；快捷菜单 307 ]]></trans> 308 <phonetic><![CDATA[ ]]></phonetic> 309 <tags></tags> 310 <progress>1</progress> 311 </item><item> <word>context</word> 312 <trans><![CDATA[n. 环境；上下文；来龙去脉 313 ]]></trans> 314 <phonetic><![CDATA[['kɔntekst]]]></phonetic> 315 <tags></tags> 316 <progress>1</progress> 317 </item><item> <word>specifics</word> 318 <trans><![CDATA[n. 细节；特性（specific的复数）；详情 319 ]]></trans> 320 <phonetic><![CDATA[[spi'sifiks]]]></phonetic> 321 <tags></tags> 322 <progress>1</progress> 323 </item><item> <word>respectively</word> 324 <trans><![CDATA[adv. 分别地；各自地，独自地 325 ]]></trans> 326 <phonetic><![CDATA[[ri'spektivli]]]></phonetic> 327 <tags></tags> 328 <progress>1</progress> 329 </item><item> <word>interchangeably</word> 330 <trans><![CDATA[adv. [数] 可交换地 331 ]]></trans> 332 <phonetic><![CDATA[[intə'tʃeindʒəbli]]]></phonetic> 333 <tags></tags> 334 <progress>1</progress> 335 </item><item> <word>denote</word> 336 <trans><![CDATA[vt. 表示，指示 337 ]]></trans> 338 <phonetic><![CDATA[[di'nəut]]]></phonetic> 339 <tags></tags> 340 <progress>1</progress> 341 </item><item> <word>syntax</word> 342 <trans><![CDATA[n. 语法；句法；有秩序的排列 343 ]]></trans> 344 <phonetic><![CDATA[['sintæks]]]></phonetic> 345 <tags></tags> 346 <progress>1</progress> 347 </item><item> <word>context-sensitive</word> 348 <trans><![CDATA[adj. 上下文相关的 349 ]]></trans> 350 <phonetic><![CDATA[ ]]></phonetic> 351 <tags></tags> 352 <progress>1</progress> 353 </item><item> <word>encapsulate</word> 354 <trans><![CDATA[vt. 压缩；将…装入胶囊；将…封进内部 355 vi. 形成胶囊]]></trans> 356 <phonetic><![CDATA[[in'kæpsəleit]]]></phonetic> 357 <tags></tags> 358 <progress>5</progress> 359 </item><item> <word>period</word> 360 <trans><![CDATA[n. 周期，期间；时期；月经；课时；（语法学）句点，句号 361 adj. 某一时代的]]></trans> 362 <phonetic><![CDATA[['p?ər?əd]]]></phonetic> 363 <tags></tags> 364 <progress>4</progress> 365 </item><item> <word>shrink</word> 366 <trans><![CDATA[vi. 收缩；畏缩 367 vt. 使缩小，使收缩 368 n. 收缩]]></trans> 369 <phonetic><![CDATA[[ʃriŋk]]]></phonetic> 370 <tags></tags> 371 <progress>5</progress> 372 </item><item> <word>reserved word</word> 373 <trans><![CDATA[[计] 预定字；[计] 保留字；关键词]]></trans> 374 <phonetic><![CDATA[]]></phonetic> 375 <tags></tags> 376 <progress>5</progress> 377 </item><item> <word>portable</word> 378 <trans><![CDATA[n. 手提式打字机 379 adj. 手提的，便携式的；轻便的]]></trans> 380 <phonetic><![CDATA[['pɔ:təbl, 'pəu-]]]></phonetic> 381 <tags></tags> 382 <progress>4</progress> 383 </item><item> <word>illustrates</word> 384 <trans><![CDATA[v. 阐明；举例说明（illustrate的三单形式）；给…加插图]]></trans> 385 <phonetic><![CDATA[]]></phonetic> 386 <tags></tags> 387 <progress>2</progress> 388 </item><item> <word>iterative</word> 389 <trans><![CDATA[adj. [数] 迭代的；重复的，反复的 390 n. 反复体]]></trans> 391 <phonetic><![CDATA[['itərətiv, -reit-]]]></phonetic> 392 <tags></tags> 393 <progress>4</progress> 394 </item><item> <word>iterative process</word> 395 <trans><![CDATA[【数学】迭代过程；【计算机】迭代法，迭代过程]]></trans> 396 <phonetic><![CDATA[]]></phonetic> 397 <tags></tags> 398 <progress>5</progress> 399 </item><item> <word>referencing</word> 400 <trans><![CDATA[n. 定位；连接连测；加参考符号 401 v. 引用（reference的ing形式）；把…引作参考]]></trans> 402 <phonetic><![CDATA[['refərənsiŋ]]]></phonetic> 403 <tags></tags> 404 <progress>4</progress> 405 </item><item> <word>retrieve</word> 406 <trans><![CDATA[vt. [计] 检索；恢复；重新得到 407 vi. 找回猎物 408 n. [计] 检索；恢复，取回]]></trans> 409 <phonetic><![CDATA[[ri'tri:v]]]></phonetic> 410 <tags></tags> 411 <progress>1</progress> 412 </item><item> <word>iterate</word> 413 <trans><![CDATA[vt. 迭代；重复；反复说；重做]]></trans> 414 <phonetic><![CDATA[['itəreit, -rət]]]></phonetic> 415 <tags></tags> 416 <progress>5</progress> 417 </item><item> <word>term</word> 418 <trans><![CDATA[n. 术语；学期；期限；条款 419 vt. 把…叫做]]></trans> 420 <phonetic><![CDATA[[tə:m]]]></phonetic> 421 <tags></tags> 422 <progress>3</progress> 423 </item><item> <word>assigned</word> 424 <trans><![CDATA[v. 分配（assign的过去分词）；指定；委派 425 adj. 指定的；已分配的]]></trans> 426 <phonetic><![CDATA[[ə'saind]]]></phonetic> 427 <tags></tags> 428 <progress>4</progress> 429 </item><item> <word>recursive</word> 430 <trans><![CDATA[adj. [数] 递归的；循环的]]></trans> 431 <phonetic><![CDATA[[ri'kə:siv]]]></phonetic> 432 <tags></tags> 433 <progress>4</progress> 434 </item><item> <word>dictate</word> 435 <trans><![CDATA[vt. 命令；口述；使听写 436 vi. 口述；听写 437 n. 命令；指示]]></trans> 438 <phonetic><![CDATA[[dik'teit, 'dikteit]]]></phonetic> 439 <tags></tags> 440 <progress>1</progress> 441 </item><item> <word>incorporate</word> 442 <trans><![CDATA[vt. 包含，吸收；体现；把……合并 443 vi. 合并；混合；组成公司 444 adj. 合并的；一体化的；组成公司的]]></trans> 445 <phonetic><![CDATA[[in'kɔ:pəreit, in'kɔ:pərət]]]></phonetic> 446 <tags></tags> 447 <progress>3</progress> 448 </item><item> <word>Drop-Down</word> 449 <trans><![CDATA[n. 下拉]]></trans> 450 <phonetic><![CDATA[]]></phonetic> 451 <tags></tags> 452 <progress>4</progress> 453 </item><item> <word>tick</word> 454 <trans><![CDATA[n. 滴答声；扁虱；记号；赊欠 455 vt. 标记号于；滴答地记录 456 vi. 发出滴答声；标以记号]]></trans> 457 <phonetic><![CDATA[[tik]]]></phonetic> 458 <tags></tags> 459 <progress>4</progress> 460 </item><item> <word>interval</word> 461 <trans><![CDATA[n. 间隔；间距；幕间休息]]></trans> 462 <phonetic><![CDATA[['intəvəl]]]></phonetic> 463 <tags></tags> 464 <progress>3</progress> 465 </item><item> <word>obstructed</word> 466 <trans><![CDATA[v. 阻塞；妨碍；遮住（obstruct的过去分词形式） 467 adj. 阻塞的；梗阻的，不通的]]></trans> 468 <phonetic><![CDATA[[əb'strʌktid]]]></phonetic> 469 <tags></tags> 470 <progress>3</progress> 471 </item><item> <word>subversion</word> 472 <trans><![CDATA[n. 颠覆；破坏]]></trans> 473 <phonetic><![CDATA[[səb'və:ʃən, -ʒən, sʌb-]]]></phonetic> 474 <tags></tags> 475 <progress>1</progress> 476 </item><item> <word>mercurial</word> 477 <trans><![CDATA[adj. 水银的；水星的；墨丘利神的；雄辩机智的；活泼善变的 478 n. 汞剂；水银剂]]></trans> 479 <phonetic><![CDATA[[mə:'kjuəriəl]]]></phonetic> 480 <tags></tags> 481 <progress>1</progress> 482 </item><item> <word>annotation</word> 483 <trans><![CDATA[n. 注释；注解；释文]]></trans> 484 <phonetic><![CDATA[[,ænəu'teiʃən]]]></phonetic> 485 <tags></tags> 486 <progress>1</progress> 487 </item><item> <word>anonymously</word> 488 <trans><![CDATA[adv. 不具名地；化名地]]></trans> 489 <phonetic><![CDATA[[ə'nɔnəməsli]]]></phonetic> 490 <tags></tags> 491 <progress>1</progress> 492 </item><item> <word>ASAP</word> 493 <trans><![CDATA[abbr. 尽快（As Soon As Possible）]]></trans> 494 <phonetic><![CDATA[[,ei es ei 'pi:]]]></phonetic> 495 <tags></tags> 496 <progress>1</progress> 497 </item><item> <word>infrastructure</word> 498 <trans><![CDATA[n. 基础设施；公共建设；下部构造]]></trans> 499 <phonetic><![CDATA[['infrə,strʌktʃə]]]></phonetic> 500 <tags></tags> 501 <progress>1</progress> 502 </item><item> <word>interceptors</word> 503 <trans><![CDATA[n. 截击舰，截击机；拦截器；拦截者（interceptor的复数）]]></trans> 504 <phonetic><![CDATA[]]></phonetic> 505 <tags></tags> 506 <progress>1</progress> 507 </item><item> <word>instantiate</word> 508 <trans><![CDATA[vt. 例示，举例说明]]></trans> 509 <phonetic><![CDATA[[in'stænʃieit]]]></phonetic> 510 <tags></tags> 511 <progress>1</progress> 512 </item><item> <word>non-trivial</word> 513 <trans><![CDATA[adj. 非平凡的；面对较重大]]></trans> 514 <phonetic><![CDATA[]]></phonetic> 515 <tags></tags> 516 <progress>1</progress> 517 </item><item> <word>console</word> 518 <trans><![CDATA[n. [计] 控制台；[电] 操纵台 519 vt. 安慰；慰藉]]></trans> 520 <phonetic><![CDATA[[kən'səul]]]></phonetic> 521 <tags></tags> 522 <progress>1</progress> 523 </item><item> <word>numerous</word> 524 <trans><![CDATA[adj. 许多的，很多的]]></trans> 525 <phonetic><![CDATA[['nju:mərəs]]]></phonetic> 526 <tags></tags> 527 <progress>1</progress> 528 </item><item> <word>render</word> 529 <trans><![CDATA[n. 打底；交纳；粉刷 530 vt. 致使；提出；实施；着色；以…回报 531 vi. 给予补偿]]></trans> 532 <phonetic><![CDATA[['rendə]]]></phonetic> 533 <tags></tags> 534 <progress>1</progress> 535 </item><item> <word>couple</word> 536 <trans><![CDATA[n. 对；夫妇；数个 537 vt. 结合；连接；连合 538 vi. 结合；成婚]]></trans> 539 <phonetic><![CDATA[['kʌpl]]]></phonetic> 540 <tags></tags> 541 <progress>1</progress> 542 </item><item> <word>conventions</word> 543 <trans><![CDATA[n. 惯例；会议；约定（convention的复数）]]></trans> 544 <phonetic><![CDATA[]]></phonetic> 545 <tags></tags> 546 <progress>1</progress> 547 </item><item> <word>instantiation</word> 548 <trans><![CDATA[n. 实例化；[计] 例示]]></trans> 549 <phonetic><![CDATA[[in,stænʃieiʃən]]]></phonetic> 550 <tags></tags> 551 <progress>1</progress> 552 </item><item> <word>reliably</word> 553 <trans><![CDATA[adv. 可靠地；确实地]]></trans> 554 <phonetic><![CDATA[[ri'laiəbli]]]></phonetic> 555 <tags></tags> 556 <progress>1</progress> 557 </item><item> <word>mutator</word> 558 <trans><![CDATA[n. 增变基因]]></trans> 559 <phonetic><![CDATA[['mju:teitə]]]></phonetic> 560 <tags></tags> 561 <progress>1</progress> 562 </item><item> <word>encapsulation</word> 563 <trans><![CDATA[n. 封装；包装]]></trans> 564 <phonetic><![CDATA[[in,-kæpsə'leiʃən]]]></phonetic> 565 <tags></tags> 566 <progress>1</progress> 567 </item><item> <word>rendered</word> 568 <trans><![CDATA[v. 提出；描绘（render的过去分词）；放弃；报答；归还；宣布；提取脂肪 569 adj. 已渲染的]]></trans> 570 <phonetic><![CDATA[]]></phonetic> 571 <tags></tags> 572 <progress>1</progress> 573 </item><item> <word>precede</word> 574 <trans><![CDATA[vt. 领先，在…之前；优于，高于 575 vi. 领先，在前面]]></trans> 576 <phonetic><![CDATA[[pri:'si:d, pri-]]]></phonetic> 577 <tags></tags> 578 <progress>1</progress> 579 </item><item> <word>directive</word> 580 <trans><![CDATA[n. 指示；指令 581 adj. 指导的；管理的]]></trans> 582 <phonetic><![CDATA[[di'rektiv, dai-]]]></phonetic> 583 <tags></tags> 584 <progress>1</progress> 585 </item><item> <word>correspond</word> 586 <trans><![CDATA[vi. 符合，一致；相应；通信]]></trans> 587 <phonetic><![CDATA[[,kɔ:ri'spɔnd]]]></phonetic> 588 <tags></tags> 589 <progress>1</progress> 590 </item><item> <word>conventional</word> 591 <trans><![CDATA[adj. 符合习俗的，传统的；常见的；惯例的]]></trans> 592 <phonetic><![CDATA[[kən'venʃənəl]]]></phonetic> 593 <tags></tags> 594 <progress>1</progress> 595 </item><item> <word>mimic</word> 596 <trans><![CDATA[vt. 模仿，摹拟 597 n. 效颦者，模仿者；仿制品；小丑 598 adj. 模仿的，模拟的；假装的]]></trans> 599 <phonetic><![CDATA[['mimik]]]></phonetic> 600 <tags></tags> 601 <progress>1</progress> 602 </item><item> <word>redundant</word> 603 <trans><![CDATA[adj. 多余的，过剩的；被解雇的，失业的；冗长的，累赘的]]></trans> 604 <phonetic><![CDATA[[ri'dʌndənt]]]></phonetic> 605 <tags></tags> 606 <progress>1</progress> 607 </item><item> <word>specify</word> 608 <trans><![CDATA[vt. 指定；详细说明；列举；把…列入说明书]]></trans> 609 <phonetic><![CDATA[['spesəfai, -si-]]]></phonetic> 610 <tags></tags> 611 <progress>1</progress> 612 </item><item> <word>substitute</word> 613 <trans><![CDATA[n. 代用品；代替者 614 vi. 替代 615 vt. 代替]]></trans> 616 <phonetic><![CDATA[['sʌbstitju:t, -tu:t]]]></phonetic> 617 <tags></tags> 618 <progress>1</progress> 619 </item><item> <word>properly</word> 620 <trans><![CDATA[adv. 适当地；正确地；恰当地]]></trans> 621 <phonetic><![CDATA[['prɔpəli]]]></phonetic> 622 <tags></tags> 623 <progress>1</progress> 624 </item><item> <word>mechanical engineer</word> 625 <trans><![CDATA[机械工程师]]></trans> 626 <phonetic><![CDATA[]]></phonetic> 627 <tags></tags> 628 <progress>1</progress> 629 </item><item> <word>mech</word> 630 <trans><![CDATA[abbr. 机械师；技工（mechanic）]]></trans> 631 <phonetic><![CDATA[]]></phonetic> 632 <tags></tags> 633 <progress>1</progress> 634 </item><item> <word>impose</word> 635 <trans><![CDATA[vt. 强加；征税；以…欺骗 636 vi. 利用；欺骗；施加影响]]></trans> 637 <phonetic><![CDATA[[im'pəuz]]]></phonetic> 638 <tags></tags> 639 <progress>1</progress> 640 </item></wordbook>
test.html
View Code
<html><body>
<p>
<b>Title:</b> <span id="title"></span><br />
</p><script type="text/javascript">
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest(); }
else {// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
xmlhttp.open("GET","word.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;document.getElementById("title").innerHTML=
"英语单词本";var x=xmlDoc.documentElement.childNodes;for (var i=0;i<x.length;i++)
{
if (x[i].nodeType==1) { //Process only element (nodeType 1) nodes //document.write(x[i].nodeName + ": ");
document.write("<b>"+ x[i].childNodes[0].childNodes[0].nodeValue + "</b> <br />"); //the same function when use document.write(x[i].getElementsByTagName("word")[0].childNodes[0].nodeValue);
document.write(" "+ x[i].getElementsByTagName("trans")[0].childNodes[0].nodeValue); document.write("<br />"); }
}
</script></body>
</html>2.显示结果
转载于:https://www.cnblogs.com/wanping/archive/2012/04/11/2442067.html
[工具]将xml文件转换为html显示相关推荐
- linux的xml文件格式,linux – 如何将非UTF-8格式的xml文件转换为符合UTF-8的xml
我有一个巨大的xml文件,其示例数据如下: 因为可以看到有文字"GesellschaftfürBildverarbeitung",它不符合UTF-8,因为我从xml验证器得到错误 ...
- 数据标签处理：python将xml文件转换为txt，csv格式
数据标签处理:python将xml文件转换为txt,csv格式 这里的标注文件为点标注文件 每次要用数据处理脚本的时候都忘记放哪里了,然后重写了一遍又一遍,虽然代码不长,但是每次都有重新写还是很麻烦, ...
- 基于DOM4j和POI实现的XML文件转换为XLS（即标准EXCEL）的JAVA程序
基于DOM4j和POI实现的XML文件转换为XLS(即标准EXCEL)的JAVA程序 #第一次写博客有点小紧张,希望各位大牛多多包涵 大四狗最近来公司实习,经理大大给了一个测试开发能力的任务,读取xm ...
- 将多个文件夹或单文件夹内的xml文件转换为一个json标签（imagenet VID等视频目标检测数据集）简单易改，有注释
文章目录 多文件夹xml文件转json 单文件夹xml文件转json 该代码主要针对视频目标检测yolov项目需要训练基础的yolox检测器所写(需要VID的json标签文件),鉴于网上没有公开的代码 ...
- html xsl xml文件,用XSL显示XML文件看起来像HTML
我是标记语言的新手,需要显示HTML表格,将其转换为XML,然后使用与HTML相同的XSL显示它.下面是一些HTML表格:用XSL显示XML文件看起来像HTML cellpadding="5 ...
- 把XML文件转换为字符串
后台管理跑马灯功能,用户添加完跑马灯图片之后,需要在后台产生一个xml文件,让前台直接读取这个xml文件即可.不必需要在前台显示时,再去循环跑马灯图片目录的所有图片. 前台读xml文件时,需要把xml ...
- swftools工具将pdf文件转换为swf文件
开发客户网站时遇到了一个需求,客户要求后台上传pdf文件,前台能以翻书的形式直接访问. 首先想到的是使用js解决,用户访问前端页面时,php将文件路径发送给js,让js呈现出来翻书的效果.在网上百度了 ...
- swftools工具将pdf文件转换为swf文件 文字丢失
开发客户网站时遇到了一个需求,客户要求后台上传pdf文件,前台能以翻书的形式直接访问. 首先想到的是使用js解决,用户访问前端页面时,php将文件路径发送给js,让js呈现出来翻书的效果.在网上百度了 ...
- 用python将xml文件转换为txt文件_python代码xml转txt实例
为了训练深度学习模型,经常要整理大量的标注数据,需统一不同格式的标注数据,一般情况下习惯读取TXT格式的数据.但实际中经常遇到XML格式的标注数据,在此举例:1.读取XML标注数据:2.写入TXT文件 ...
最新文章
- Makefile 选项 CFLAGS 、LDFLAGS 、LIBS
- php常量 变量,php语言的变量和常量
- 开发日记-20190823 linux有名管道fifo，进程间通信
- exfat linux 驱动_（实例）Linux 内核添加exfat驱动
- 外企软件测试笔试,外企软件测试面试题目50道
- php wdatepicker,WdatePicker时间控件的使用
- firewall mysql端口_Centos7 firewall开放3306端口
- java 两个数组交叉_java – 如何交叉两个没有重复的排序整数数组？
- XSS-Game Level 4
- android 申请拍照权限,React Native模块之Permissions权限申请的实例相机
- 怎么在电脑上进行屏幕录像？电脑录屏的方法
- React构建的景点门票系统
- 软件测试人员提升测试技能的10个妙招分享
- 可移动文物快速三维建模
- 2G/3G LAC与4G/5G TAC的协同优化
- 代理服务器的工作原理
- iOS 图片模糊效果(高斯模糊)
- 配置ABP的redis
- 2018-2019-1 20189215 书籍速读
- 基于单片机万用表量程手动自动电阻电流电压设计-全套资料