首页 > 软件开发 > JavaScript >

javaScript中如何使用DOM解析

来源:互联网 2023-03-16 23:56:55 92

在html语言中,由于本身也是采用了标记语言的方式,所以也可以在html中通过javaScript进行DoM操作,这样将使页面的运行更加绚丽、丰富’6eh办公区 - 实用经验教程分享!

工具/原料

  • eclipse

方法/步骤

  • 1

    %@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">html>6eh办公区 - 实用经验教程分享!

    javaScript中如何使用DOM解析6eh办公区 - 实用经验教程分享!

  • 2

    head>meta http-equiv="Content-Type" content="text/html; charset=UTF-8">title>Dom树/title>6eh办公区 - 实用经验教程分享!

    javaScript中如何使用DOM解析6eh办公区 - 实用经验教程分享!

  • 2相关内容未经授权抓取自百度经验
  • 3

    script type="text/javascript">function show(){document.getElementById("info").innerHTML="h1>helloWord/h1>";}6eh办公区 - 实用经验教程分享!

    javaScript中如何使用DOM解析6eh办公区 - 实用经验教程分享!

  • 方法/步骤2

  • 1

    /script>/head>body>form action="" method="post">input type="button" onclick="show()" value="显示">span id="info">/span>/form>/body>/html>6eh办公区 - 实用经验教程分享!

    javaScript中如何使用DOM解析6eh办公区 - 实用经验教程分享!

  • 2

    本程序中定义了一个普通的按钮,当点击此按钮的时候,会调用show()函数,在show()函数中,将取得设为info的元素。并设置其中的显示内容,6eh办公区 - 实用经验教程分享!

    javaScript中如何使用DOM解析6eh办公区 - 实用经验教程分享!

  • 3

    DOM解析是将所有的内容读取到内存中,并形成内存树。如果文件较大则无法使用,但是通过DOM解析可以进行文件内容的修改。javaScript本身具备了进行DOM操作的能力,可以直接在javaScript中通过DOM操作HTML代码;6eh办公区 - 实用经验教程分享!

    javaScript中如何使用DOM解析6eh办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!6eh办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码