欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript入門學(xué)習(xí)第七篇 js dom實例操作第2/2頁

 更新時間:2008年07月06日 10:02:12   作者:  
上篇文章我們講了 用dom方式 創(chuàng)建節(jié)點,復(fù)制節(jié)點,插入節(jié)點。 今天我們將講 刪除節(jié)點,替換節(jié)點,查找節(jié)點等。

4,    設(shè)置/獲取屬性節(jié)點。
setAttribute();//設(shè)置
例子:
var a  = document.createElement(“p”);
a.setAttribute(“title”,”my demo”);
不管以前有沒有title屬性,以后的值 是 my demo。

getAttribute();//獲取
例子:
var a =document.getElementById(“cssrain”);
var b = a.getAttribute(“title”);
獲取的時候,如果屬性不存在,則返回空,注意ie和ff返回不同。
  <body>
    <p title="test">aaaa</p>
    <p>bbbb</p>
    <script type="text/JavaScript">
      var paras = document.getElementsByTagName("p");
      for (var i=0; i< paras.length; i++) {
      var title_text = paras[i].getAttribute("title");
      if (title_text != null) {
      //這樣寫會有個問題:ff只彈一次,ie卻彈了2次。
      //如果  if (title_text != "") 這樣寫,ie只彈1次,ff卻彈出2次。
      //如果這樣寫呢? if (title_text)   ,我們發(fā)現(xiàn),ie只彈1次,ff也只彈出1次。
      //if (title_text) 才是我們想要的。
      //注意:如果不存在 ff下返回null
      //ie返回 "" ;
        alert(title_text);
      }
    }
    </script>
  </body>
返回雖然不同,但是可以用一個方法來判斷。
if(a.getAttribute(“title”) ){  
//  do something
 }

5,hasChildNodes:
由名字就可以知道,是判斷元素是否有子節(jié)點。
返回boolean類型。
文本節(jié)點和屬性節(jié)點不可能有子節(jié)點,所以他們的hasChildNodes 永遠(yuǎn)返回false;
hasChildNodes經(jīng)常跟 childNodes 一起使用。
比如:
<body>
 <div id="cssrain">
 <div id="a">a </div>
 <div id="b">b </div>
 <div id="c">c </div>
 </div>
 </body>
<script>
var ps = document.getElementById("cssrain")
if(ps.hasChildNodes){
        alert( ps.childNodes.length  );     
}
</script>



大家自己動動手寫寫,不然光看記憶性不好。
好了,講到這里,明天繼續(xù)講。
今天講了 用dom方式刪除節(jié)點,替換節(jié)點,查找節(jié)點, 獲取屬性等。。。
操作DOM的方法也差不多了。
明天我們講DOM 屬性…..



如果還有不懂,可以google 搜索資料. 

相關(guān)文章

  • ECMAScript6入門教程

    ECMAScript6入門教程

    本文詳細(xì)講解了ECMAScript6的基礎(chǔ)教程,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-06-06
  • document.open() 與 document.write()

    document.open() 與 document.write()

    document.open() 與 document.write()...
    2006-10-10
  • javaScript基礎(chǔ)語法介紹

    javaScript基礎(chǔ)語法介紹

    本文從javascript簡介開始,介紹了javascript的語法以及注意事項、動態(tài)語言、引用外部JS文件、變量命名規(guī)則、判斷是否已經(jīng)聲明、不存在塊級作用域這些方面的內(nèi)容,是篇相當(dāng)不錯的基礎(chǔ)語法的介紹文章,推薦給小伙伴們
    2015-02-02
  • Javascript的this詳解

    Javascript的this詳解

    這篇文章主要介紹了Javascript的this的作用,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • ES6基礎(chǔ)語法之class類介紹

    ES6基礎(chǔ)語法之class類介紹

    這篇文章介紹了ES6中class類的用法,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-05-05
  • JavaScript的學(xué)習(xí)入門整理篇

    JavaScript的學(xué)習(xí)入門整理篇

    每次剛開始學(xué)語言時,作者都喜歡用“hello world”例子l來侮辱我們的智商,我想大家都不是笨蛋,故而寥寥數(shù)筆寫了一點
    2008-09-09
  • 淺析Javascript ES6中的原生Promise

    淺析Javascript ES6中的原生Promise

    ES6標(biāo)準(zhǔn)出爐之前,一個幽靈,回調(diào)的幽靈,游蕩在JavaScript世界。正所謂世界本沒有回調(diào),寫的人多了也就有了。接下來就來簡單介紹Javascript ES6中的原生Promise,有需要的可以參考借鑒。
    2016-08-08
  • JavaScript 學(xué)習(xí)筆記之語句

    JavaScript 學(xué)習(xí)筆記之語句

    這篇文章主要介紹了JavaScript中的語句,包括條件分支語句、循環(huán)語句、迭代語句、Lable語句、break和continue語句、with語句、swith語句,十分全面細(xì)致,推薦給小伙伴們。
    2015-01-01
  • JS?JSON.stringify()的5個使用場景詳解

    JS?JSON.stringify()的5個使用場景詳解

    JSON.stringify()方法用于將一個值轉(zhuǎn)為JSON字符串,該字符串符合JSON格式,并且可以被JSON.parse()方法還原,下面這篇文章主要給大家介紹了關(guān)于JS?JSON.stringify()的5使用場景,需要的朋友可以參考下
    2023-01-01
  • JavaScript中的關(guān)鍵字"VAR"使用詳解 分享

    JavaScript中的關(guān)鍵字"VAR"使用詳解 分享

    JScript的語法教程里面說在聲明變量時忽略var關(guān)鍵字是完全合法的。但是事實常常又證明想當(dāng)然的結(jié)果是不可靠的。
    2013-07-07

最新評論