`
jinchun1223
  • 浏览: 254074 次
  • 性别: Icon_minigender_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>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<textarea rows="20" cols="100" id="te">
</textarea>
<br>

/**

点击按钮或者图片在文本域中显示该图片

*/
<input type="button" value="添加图片" onclick="addImage()" />
<img alt="提示" src="1.jpg" onclick="addImage()">

<SCRIPT LANGUAGE="JavaScript">
function addImage(){
var img = document.createElement("img");
img.src = "1.jpg";
document.getElementById('te').appendChild(img);
}
</SCRIPT>
</BODY>
</HTML>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics