js對div取值與賦值
-
因為JavaScript運行時，id="test1" 的那個div元素可能還沒解析和加載，js加載是有順序的。只需把 js 整個搬到 后面即可。
-
還有一個特別容易犯的毛病，頁面引入 jQuery ，如果其他 js 要使用，需要放在 jQuery 之后，否則不能使用。
-
測試案例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/jquery.js"></script> <title>div 測試</title> </head> <body> <div id="id1">id1</div> <div id="id2"></div> <div id="id3"></div> <div id="id4"></div> <div id="id5" style="width: 100%;height: 500px;"></div> <div> <!--iframe的樣式是可以調整的，具體可以參考相關文檔--> <iframe src="http://www.baidu.com/" width="100%" height="500px"> </iframe> </div> <div class="content-wrap"> <div class="content-wrap-inner"> </div> </div> <script> //假設你的html中有以下的div //如果是要獲取id是id1的div的數據， 獲取div里面的內容有兩種方式 //1， 純js獲取數據 var a = document.getElementById("id1").innerText; alert(a); //2， jqeury獲取數據 var a = $("#id1").html(); var b = $("#id1").text(); alert(a + "1234"); alert(b + "5678"); //3， 純js寫入數據 document.getElementById("id2").innerHTML = "id2"; //4，jqeury寫入數據 $('#id3').html("id3"); $("#id4").text("id4"); //div 引入其他頁面 //load只能引入自己內部頁面 $('.content-wrap-inner').html(''); $('.content-wrap-inner').load("test.html"); //網址引入不進去 //$('#id5').load("http://www.baidu.com/"); $('#id5').load("test.html"); </script> </body> </html> -
更多精彩內容，請關注微信關注公眾號 明葉師兄的學堂
