本文档提供了一个简单的HTML页面示例，通过内联JavaScript实现了对页面中不同元素的动态更新。其中包括按钮点击事件处理，以及针对不同浏览器环境的兼容性考虑。
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="java.sql.*,com.abin.db.connection.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>starting page</title>
</head>
<script language="javascript" type="text/javascript">
function abin(){
sp.innerHTML="abin is strong";
}
function abing(){
sp2.innerHTML="abin is a good boy";
}
function bing(){
/***innerText只支持IE??**/
sp3.innerText="only using for ie";
}
</script>
<body >
<div class="nav">
<div id="test">
<span style="color:red" id="sp" ></span>
<br/>
<input type="button" onclick="abin();" value="click"/>
</div>
<div class="nav">
<span id="sp2" style="color:blue"></span>
<br/>
<input type="button" onclick="abing();" value="mouse" />
</div>
<div class="" id="ie8">
<span id="sp3" style="color:green" onclick="bing();"></span>
<br/>
<input type="button" onclick="bing();" value="ie"/>
</div>
</div>
</body>
</html>
innerHTML和innerText
最新推荐文章于 2022-09-05 19:21:15 发布
扫一扫
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
