DIV CSS 佈局教程網

jquery innerHTML
編輯:JQuery常見問題     
在javascript中有innerHTML,但在jquery中並沒有,而是用html()方法代替,例如$('#keleyi_com').html() 就獲取了id為keleyi_com的元素的innerHTML.

下面是一個例子的完整代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>使用jquery顯示innerHTML-</title>
<script type="text/javascript" src="http:///keleyi/pmedia/jquery-1.8.2.min.js"></script>
</head>
<body>
<div id="keleyiselectorexample" style="width:300px;margin-top:160px;margin-left:auto;margin-right:auto;border:1px solid gray">這是div裡的內容,<hr /> http://</div>
<div style="width:300px;margin-top:20px;margin-left:auto;margin-right:auto;"><input type="button" onclick="javascript:KeleyiinnerHTML();" value="使用jquery顯示innerHTML" /></div>
<script type="text/javascript">
function KeleyiinnerHTML() {
alert($('#keleyiselectorexample').html());
}
</script>
</body>
</html>



例子的效果如下:
這是div裡的內容,
http://
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved