테스트 사이트 - 개발 중인 베타 버전입니다

createTextNode 관련 질문있습니다. 채택완료

초보자나요 6년 전 조회 1,905

            dt = document.createElement('dt');
            dt.appendChild(document.createTextNode('★★' + data[i].name + '★★'));
            o.appendChild(dt);

 

위 상황일때 별표시에 html 태그를 사용하게 할수 있는 방법이 있을까요?

최종적으로 하고 싶은 내용은

data[i].name 사이에 <a> 태그를 줘서 링크를 넣고 싶습니다.

 

그누 고수님들의 고견 부탁드립니다. 감사합니다^^

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
6년 전

아래 예제를 참조해 보세요.

<script>
var data = "Naver";//테스트를 위해 data[i].name 대신

var dt = document.createElement('dt');

var a = document.createElement('a');
var linkText = document.createTextNode(data);
a.appendChild(linkText);
a.title = "타이틀텍스트";
a.href = "http://naver.com";
a.target = "_blank";

dt.appendChild(a);
document.body.appendChild(dt);
</script>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

티로그
6년 전

a = document.createElement('a')
a.setAttribute('href',data[i].href);
a.appendChild(document.createTextNode(data[i].name));
dt = document.createElement('dt');
dt.appendChild(document.createTextNode('★★'));
dt.appendChild(a);
dt.appendChild(document.createTextNode('★★'));
o.appendChild(dt);

왜 innerHTML 을 이용하지 않죠?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인