1. 程式人生 > >19. jQuery-設定和獲取元素的內容

19. jQuery-設定和獲取元素的內容

1. 效果圖

在這裡插入圖片描述

2. html程式碼

<!DOCTYPE html>
<html>
<head>
    <title>jQuery-設定和獲取元素的內容</title>
        <style type="text/css">
           body{font-size:15px;text-align:center}
           div{border:solid 1px #666; padding:5px;width:220px;margin:5px}
    </style>
</head>
<body>
        <div id="divShow"><b><i>Write Less Do More</i></b></div>
    	<div id="divHTML"></div>
    	<div id="divText"></div>
      
<script src="../jquery.min.js"></script>
<script type="text/javascript">
	$(function(){
		//獲取html內容
		var strHtml = $("#divShow").html();

		//獲取文字內容
		var strText = $("#divShow").text();

		//設定html內容
		$("#divHTML").html(strHtml);

		//設定文字內容
		$("#divText").text(strText);
	});
</script>
</body>
</html>