즘 자바스크립트를 배웟는데  첫번째 버튼을 클릭하면, target 클래스를 가진 노드들의 텍스트가 굵게 변합니다 (<b> 태그 사용)

  그러면 일단 <input type="button" value "bold"> 해서

function bold() {

로 만들어야 하잖아여? 근데 당연히 <b></b>가 굵은 효과를 내는 건 알겠는데, 저 target 클래스 안에 있는 거를 클릭 한번으로 굵게 변경하는 건 잘 모르겠음.

일단 생각에는 getElementsByClassName함수를 써야하는 거 같은데.

function bold() {
aNodes = document.getElementsByClassName("target");
for(i=0; aNodes.arguments.length ; i++)
[removed](aNodes.arguments[i] +'<b>');

뭐 이런식으로..;; 이건다른예제붙여다쓴거라 절대아니겠지만 ;;. 아무튼 그래서 오늘 도서관에 관련서적도 찾아 보려고 했는데

책이 없음..


뭐 c++나 이런것도 알고나서는 간단한게 그런 메커니즘을 생각해내기까지가 참 그렇잖음??.

생각해보다가 생소한 자바스크립트에 질려서 질문ㅜㅜ !!

<html>
< body>
   
    <div class='target'>
        <p>item 1</p>
        <p id='1'>item 2</p>
        <p id='2'>item 3</p>
    </div>
   
    <div>
        <p class='target'>item 4</p>
        <p>item 5</p>
        <p class='target'> </p>
    </div>
    <input type="button" value="bold">

<script>

  

    </script>
< /body>
< /html>



- 두번째 버튼을 클릭하면, target 클래스를 가진 노드들 가운데 아이템 뒤의 숫자가 짝수인 (즉, item 2, item 4, ...) 노드들의 텍스트 색이 붉은 색으로 변합니다. (Javascript string API 참조)
- 세번째 버튼을 클릭하면, 두 DIV 노드의 위치가 서로 바뀝니다.