javascript에서 width가 auto인 값을 가져오는 방법이 있을까요?

Question

웹개발툴로 모바일 앱을 만들고 있습니다.Javascript로 모든 로직을 구현하고 있는데,d3라이브러리를 사용하면서 일정 요소에 대한 width값을 못 받아오고 있는 상황입니다. 우선 위 사진에서 보이는 temp는 d3를 통해 svg 태그 안에 만든 text 요소입니다.temp안에 text는 국가 언어에 따라 가변적이라 filter를 통해서 각 언어에 맞는 text를 가져오도록 해뒀습니다.text요소의 x좌표는 text의 width 값에 따라 위치가 달라지도록 세팅하기 위해 다음과 같은 리턴값을 취해주었습니다.그런데 temp.style('width')라는 값을 콘솔에 출력해보니 auto라는 값이 나와 x값이 NaN으로 리턴되어 원하는 위치에 찍히지 않네요ㅠㅠ 제가 웹알못이라 무지해서 못 받아오는건지 아니면 버전이나 기타 다른 문제로 받아올 수 없는 현상인지 궁금합니다.혹시라도 웹고수님 계시다면... 조언 부탁드립니다!!

에르딘트 · Accepted Answer

temp.clientWidth 안나오나요?

전죠스 · Answer

temp가 d3라이브러리로 선언한 변수라서 그런지temp.clientWidth하면 undefined처리가 되네요ㅠㅠ

에르딘트 · Answer

temp.attr('width') 는 해보셨나요?

전죠스 · Answer

temp.clientWidth로는 인식이 안돼서,temp.attr('id', 'xxx')로 id 부여해주고 xxx에 대한 clientWidth를 가져오니 값이 잘 나타났습니다!

javascript에서 width가 auto인 값을 가져오는 방법이 있을까요?

4개의 답변

#d3 목록