javascript 에서 setAttribute () 와 getAttribute (), removeAttribute () 의 사용

3185 단어 JavaScript
javascript 우리 가 가장 많이 사용 하 는 것 도 그 가 가장 강 한 곳 은 dom 에 대한 조작 일 것 입 니 다. 그럼 오늘 우 리 는 자주 사용 하 는 dom 조작 방법 세 가 지 를 말 하 겠 습 니 다.                          setAttribute()          dom 결점 의 속성 설정                          getAttribute()          dom 결점 속성의 값 을 가 져 옵 니 다.                          removeAttribute()  dom 결점 의 속성 삭제        우 리 는 실례 부터 시작한다.
 
  
<a href="#">ddd</a>                                                            

<script type="text/javascript">                                              

   var as=document.getElementsByTagName("a")[0];  

   alert(as.getAttribute("href"));                                            

   as.setAttribute("href","tk.html");                                       

   alert(as.getAttribute("href"));                                            

</script>  

 
 
    
위의 코드 에서 우 리 는 a 라벨 의 href 속성 을 두 번 보 았 고 한 번 고 쳤 습 니 다.
 
하지만 이 건 setAttribute () 가 아 닙 니 다.     getAttribute()  가장 강력 한 기능 입 니 다. 그의 강력 한 점 은 사용자 정의 속성 부분 입 니 다. 가끔 은 html 라벨 을 확장 해 야 하지만 값 을 얻 지 못 할 때 어떻게 해 야 합 니까? 다음 과 같은 방법 을 사용 하 십시오.
 
 
 
<p title="test">sdfee</p>                                                 

<p title="mmmm">eee</>                                              

<script type="text/javascript">                                        

    var ts=document.getElementsByTagName("p");   

   for (var i=0; i<ts.length;i++)                                          

  {                                                                                          

      var text=ts[i].getAttribute("title");                                

      alert(ts[i].getAttribute("title"))                                     

      if(text)                                                                             

     {                                                                                       

         ts[i].setAttribute("title","    !")                     

        alert(ts[i].getAttribute("title"))                                   

     }                                                                                       

  }                                                                                          

</script>

 
위의 코드 에서 우 리 는 test 라 는 속성 을 정의 하고 성공 적 으로 꺼 냈 다.

좋은 웹페이지 즐겨찾기