createTextNode 관련 질문있습니다.
본문
dt = document.createElement('dt');
dt.appendChild(document.createTextNode('★★' + data[i].name + '★★'));
o.appendChild(dt);
위 상황일때 별표시에 html 태그를 사용하게 할수 있는 방법이 있을까요?
최종적으로 하고 싶은 내용은
data[i].name 사이에 <a> 태그를 줘서 링크를 넣고 싶습니다.
그누 고수님들의 고견 부탁드립니다. 감사합니다^^
답변 2
아래 예제를 참조해 보세요.
<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>
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 을 이용하지 않죠?