1、如何用js 在div內插入內容？
不是改變內容，而是插入，就是在保留原內容的基礎上，在尾部添加。舉個例子。 元內容<div>你好</div> 插入后<div>你好世界</div> 最好不要用 獲取原內容，然后在組合新字符串后改變正規內容
通過document.createTextNode來添加
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script> window.onload=function(){ var oDiv=document.getElementById("div1"); var txt =document.createTextNode("世界"); oDiv.appendChild(txt); } </script> </head> <body> <div id="div1"> 您好 </div> </body> </html>
2、JS把內容動態插入到DIV
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Testing</title> </head> <script type="text/javascript" src="example.js"> </script> <body> <div id="testdiv"> </div> </body> </html>
example.js 文件內容：
window.onload = function() {
var testdiv = document.getElementById("testdiv");
testdiv.innerHTML="<p>I inserted <em>this</em> content.</p>";
}
另一段代碼：
window.onload = function() {
var para = document.createElement("p");
var txt1 = document.createTextNode("I inserted ");
var emphasis = document.createElement("em");
var txt2 = document.createTextNode("this");
var txt3 = document.createTextNode(" content.");
para.appendChild(txt1);
emphasis.appendChild(txt2);
para.appendChild(emphasis);
para.appendChild(txt3);
var testdiv = document.getElementById("testdiv");
testdiv.appendChild(para);
}
這與在DIV內動態載入另一個頁面非常相似！
3、span的賦值與取值
1、<span id="span_id">span的文本</span>的取值。 js取<span>的值並不是用document.getElementById('span_noticesg').value，而是document.getElementById('span_id').innerText。 jquery取<span>的值，是$("#span_noticesg").html(); 2、<span id="span_id"></span>的賦值。 $('#span_id').html("span的文本"); document.getElementById('span_id').innerText="span的文本";
4、jquery修改a標簽的href鏈接和文字
以下修改a標簽的href鏈接和修改文字的代碼： <script type="text/javascript" src="http:/keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script> 原鏈接： <a href="http://keleyi.com" id="home_keleyi_com">柯樂義</a> 修改a標簽的href鏈接： $('#home_keleyi_com').attr('href','http://keleyi.com'); 修改文字： $("#home_keleyi_com").text('柯樂義首頁'); 修改后的鏈接為： <a href="http://keleyi.com" id="home_keleyi_com">柯樂義首頁</a> 下面是完整代碼： <!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修改鏈接--柯樂義</title> <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script> </head> <body> jquery修改a標簽的href鏈接和文字,先點擊下面鏈接<br />然后點擊"改變"按鈕，然后點點擊一次下面的鏈接，注意兩次打開頁面的不同：<br /> <a href="http://keleyi.com/a/bjac/d863921ed93d03ff.htm" id="home_keleyi_com" target="_blank">原文</a> <input type="button" value="改變" id="gb_keleyi_com" /> <script type="text/javascript"> $("#gb_keleyi_com").bind("click",function (){ $('#home_keleyi_com').attr('href','http://keleyi.com'); $("#home_keleyi_com").text('柯樂義首頁');}) </script> </body> </html>
5、js解析json數組
解析json數組即對JSONArray的遍歷 一、對於標准的json數組如: var result=[{"flag":1,"macId":"2","mbId":0,"userName":"XXX"},{"flag":1,"macId":"1","mbId":1,"userName":"YYY"}]; 1 進行遍歷的時候，可以直接通過for循環遍歷這個數組，有兩種方法 1. for (var i = 0; i < result.length; i++) { //result[i]表示獲得第i個json對象即JSONObject //result[i]通過.字段名稱即可獲得指定字段的值 result[i].userName; } 2. for(var i in result){ //表示遍歷數組，而i表示的是數組的下標值， //result[i]表示獲得第i個json對象即JSONObject //result[i]通過.字段名稱即可獲得指定字段的值 result[i].userName; } 二、對於不標准的json數組如: var result={"datas":[{"flag":1,"macId":"2","mbId":0,"userName":"XXX"},{"flag":1,"macId":"1","mbId":1,"userName":"YYY"}]}; 1 進行遍歷之前得先解析出標准的json數組格式即[{},{}] var data= result.datas; 1 1. for (var i = 0; i < data.length; i++) { //data[i]表示獲得第i個json對象即JSONObject //data[i]通過.字段名稱即可獲得指定字段的值 data[i].userName; } 2. for(var i in data){ //表示遍歷數組，而i表示的是數組的下標值， //data[i]表示獲得第i個json對象即JSONObject //data[i]通過.字段名稱即可獲得指定字段的值 data[i].userName; } 注意點：eval()方法的作用 ** 在JS中將JSON的字符串解析成JSON數據格式，一般有兩種方式： 1. 一種為使用eval()函數。 2. 使用Function對象來進行返回解析