js对div取值与赋值
生活随笔
收集整理的這篇文章主要介紹了
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>總結
以上是生活随笔為你收集整理的js对div取值与赋值的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 《我十年的程序员生涯》系列之三：阳光灿烂
- 下一篇： 微信小程序模拟车牌号键盘