현재 버전

웹개발을 하다보니 의문이 생겼습니다



                var tankWidth =document.getElementById("tank-width").value ;
                var tankHeight = document.getElementById("tank-height").value ; 
                var tankDepth = document.getElementById("tank-depth").value;
                var tankSand = document.getElementById("tank-sand").value;
                var waterLevel = document.getElementById("water-level").value;
                var tankWeight = document.getElementById("tank-wieght").value;


언어에대한 의문이라기보다 사용방법에대한 궁금증인데요,.,

html에서 가져와야할 인풋값이 이렇게 많아지는 경우 

이렇게 하나씩 가져오는게 맞나요?

input value 말고도 css 등등 가져올 값이 많은데

document.getElement를 엄청나게 쓰다보니

제가 초보라 비효율적으로 짜고 있나 싶어서요..




수정 이력

2021-04-01 00:46:03 에 아래 내용에서 변경 됨 #1


                var tankWidth =document.getElementById("tank-width").value ;
                var tankHeight = document.getElementById("tank-height").value ; 
                var tankDepth = document.getElementById("tank-depth").value;
                var tankSand = document.getElementById("tank-sand").value;
                var waterLevel = document.getElementById("water-level").value;
                var tankWeight = document.getElementById("tank-wieght").value;


의문이라기보다 궁금증인데요,.,

html에서 가져와야할 인풋값이 이렇게 많아지는 경우 

이렇게 하나씩 가져오는게 맞나요?

input value 말고도 css 등등 가져올 값이 많은데

document.getElement를 엄청나게 쓰다보니

제가 초보라 비효율적으로 짜고 있나 싶어서요..