Id값 가져오기 querySelector , getElementById, getAttribute, getElementsByTagName

# querySelector를 이용해서 먼저 

 

var querySelectorValue = document.querySelector('#noRes3')
valueId = querySelectorValue.id;

이것을 사용하면 해당 부분의 id 값을 valueId에 담아서 쓸 수 있다.

 

id값을 가져와서 

if(align != "테스트"){
    return true;
} else if(valueId == "noRes3"){
    alert('참여자를 선택해 주세요');
    return false;
}

 

를 체크 하려고 했었다. 그래서 

해당 프레임의 아이디를 

/*        $("#noRes3").attr("id","change");*/

로 바꿔주고, 바꿔 준것에 noRes3이 아니면, return true로 참여자를 선택해서 생성 잘하도록 할려고 했는데, 문제점이

참여자를 선택 하니 id가 noRes3에서 change로 바뀌고, 이 바뀐 것을 check할려다보니, 

 

var querySelectorValue = document.querySelector('#noRes3')
valueId = querySelectorValue.id;

에서 해당 아이디가 null이라면서 오류 뱉어서 안됨.

 

그래서 생각해낸 것이

 

# getElementById, getAttribute

이다.

 

let div1  = document.getElementById("noRes3");
let align = div1.getAttribute("value");

해당 부분의 id값을 불러와서, 그 부분의 value 값을 담아주는 것이다.

이걸 담아서,

 

$("#noRes3").attr("value","바뀜");

해당 id의 value를 바꿔줘서 그것을 

 

if(align != "테스트"){
    return true;
} else {
    alert('참여자를 선택해 주세요');
    return false;
}

value가 바뀌면 return true로 생성이 잘 되도록 처리했음.

 

---

 

getElementsByTagName

const table = document.getElementById('resTb')

table.getElementsByTagName("tr"))

이렇게 하면 해당 table의 id가 있는 곳에 tr 요소를 잘 가져올 수 있음. 그 요소는

getElementsByTagName

table.childNodes

table.firstChild

 

등을 이용해서 가져올 수 있다.