已知html页面中有一个id为div1的div元素

admin · 发表于2015-10-23 18:46:48

已知html页面中有一个id为div1的div元素，使用JavaScript或者Jquery将"javakc"文字添加到元素的末尾

740317431 · 发表于2017-09-15 15:00:04

$('#div1').after("javakc");

王之神判 · 发表于2017-09-16 16:38:34

	<script>
		$(document).ready(function(){
			$("#btnOK2").click(function(){
				$("#div1").after("<lable>OK</lable>");
			});
		});
	</script>
	<body>
		<form>
			<div id="div1">
				<input id="btnOK1" type="button" />
				
			</div>
		</form>
		<div>
			<input id="btnOK2" type="button" />
		</div>
	</body>

wulinan · 发表于2017-10-13 18:59:20

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>
  <script type="text/javascript" src="<%=path %>/lib/jquery/1.9.1/jquery.min.js"></script> 

  <script type="text/javascript">
    function fun(){
    
     	document.getElementById("div1").innerHTML=document.getElementById("div1").innerHTML+"javakc";
    }
   
    $(document).ready(function(){
    alert(10);
       $(":button :eq(1)").click(function(){
       alert(123);
         $("#div2").append("javakc");
       });
    
    });
  
   
  </script>
  
  <body>
 		<div id="div1">JavaScript</div>
 		<input type="button" value="JavaScript" onclick="fun();"> 
		<div id="div2">Jquery</div>
		<input type="button" value="Jquery" />
	</body>
</html>

用户名			找回密码
密码			立即注册

学习平台

已知html页面中有一个id为div1的div元素