jQuery標籤包含內容操作

標籤包含內容操作

利用javascript操作:

  • dvnode.innerHTML取得div包含的資訊

  • dvnode.innerHTML = XXX; 設定div包含的內容

註:innerHTML不是w3c標準技術,許多瀏覽器對其有支援而已

利用jquery操作:

  • $().html();     //取得節點所包含的資訊

  • $().html(資訊);   //設定節點所包含的內容

  • ##$().text ();   //取得節點所包含的「文字字串資訊」內容

  • $().text(資訊);  //設定節點所包含的內容(有html標籤就把“><”符號變成符號實體)

  • <!DOCTYPE html>
    <html>
        <head>
            <title>php.cn</title>
            <meta charset="utf-8" />
            <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
            <script>
               function f1(){
                alert($('div').html());
                alert($('div').text());
                }
                function f2(){
    
                    $('div').text("这里是php中文网");
                } 
            </script>
        </head>
        <body>
            <div>欢迎 <p>大家 <span>学习jQuery</span></p></div>
    
            <input type="button" value="获取" onclick="f1()" />
            <input type="button" value="设置" onclick="f2()" /> 
        </body>
    </html>



#html() 和text()方法的區別:

① 取得內容

前者可以取得html標籤 和普通字串內容

後者只取得普通字串內容

② 設定內容

前者可以設定html標籤 和普通字串內容

#後者只設定普通字串內容,如果內容裡邊有tag標籤內容,就把其中的」< ;”“>”符號轉變為符號實體<-----$lt;  >---->   空格------  

以上兩種操作(獲取/設定)如果針對的操作內容是純字串內容,則使用效果一致。


繼續學習
||
<!DOCTYPE html> <html> <head> <title>php.cn</title> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> function f1(){ alert($('div').html()); alert($('div').text()); } function f2(){ $('div').text("这里是php中文网"); } </script> </head> <body> <div>欢迎 <p>大家 <span>学习jQuery</span></p></div> <input type="button" value="获取" onclick="f1()" /> <input type="button" value="设置" onclick="f2()" /> </body> </html>