티스토리 태그 or 제목 값 가져오기(추출, 브로거든 뭐든 다됨)

시간도 많이 남겠다. 애니나 웹툰 후기를 쓴 블로그가 불현 듯 생각났다.

후기를 쓰기는 쓰는데, ‘백문이불여일견’이라고. 볼 수 있는 링크를 걸어야겠다 생각했다.

 

그러나, 매번 코드를 글 후미에다 쓸수 있는 것도 아니고, 쓴다고 하더라도, 해당 애니 or 웹툰의 제목을 가져와야 그 것을 기준으로 링크를 완성시키는데, 막상 가져올려니 힘이 든다.

 

티스토리는 특이하게 치환자를 사용한다.

 

아무리 시간이 남아 돌아도, 남은 시간은 2시간...

 

그럼 달리 접근하지, tag로 값을 끌고오자.

당연히 그 흔하디 흔한 자바스크립트로!

 

자, 방법은 여러 가지다.

 

document.getElementbyname();

document.getElementbyclassname();

document.getElementbytagname();

document.getElementbyidname();

 

등

 

위 코드를 이용하면, id, class, tag 등을 기준으로 해당 내용을 끌고온다.

물론 해당 끌고 오는 값이 리스트라면? 이렇게

[0] 몇 번째 것을 끌고 오는지 지정 해 줘야 한다.

 

예를들어...

document.getElementbyclassname(‘tags’)[0].innerText;

정도면, 티스토리에서 tags라는 클래스명을 가진 태그 안의 글자를 가져온다.

 

물론 제목도 가능하다. tags 대신 title 넣으면 된다.

 

그런데, 글자를 그대로 쓸 수 있으면, 얼마나 좋겠는가?

제목 안에 이물질이 들어 있으면, 처리해야지?

split();

괄호 안에 들어있는 것을 기준으로 썰어버리고, 원하는 값을 조합하여 끄집어 내면 된다.

 

엣...또 그라면,

var result = document.getElementbyclassname(‘tags’)[0].innerText;

result.slice(‘~’)[0]하면 앞의 글자를 끌고 올 수 있다.

 

그럼 이 값을 이용하여, 해당 웹툰이나 애니 링크를 걸어주면 끝~

fuction key(){

url = result.slice(‘~’)[0];

window.open(url, 브라브라브라~);

}

<button onclick=“key()”/>

 

이정도면 될라나?

 

예시?

 

 

어딘가에 만들어 놓았다.

잘 찾아봐라.

19금을 다룬 사이트라...

 

아.. 아닌 것도 있었지?

xeHostel

xeHostel

예시 보여준다고 급하게 만든 거라 버튼은 꾸미지 못했다.