9 줄 javascript 코드 가 져 오기 QQ 그룹 구성원 구현

어제 웨 이 보 를 보 았 습 니 다. "22 줄 JavaScript 코드 가 QQ 그룹 구성원 추출 기 를 실현 합 니 다."호기심 에 클릭 하여 들 어가 보 니 효과 가 없 었 습 니 다. 하 나 는 QQ 버 전이 업그레이드 되 었 고 다른 하 나 는 블 로그 의 코드 도 번 거 로 웠 습 니 다.
그래서 스스로 하 나 를 써 보 았 습 니 다. 빈 줄 까지 포함해 서 9 줄 밖 에 안 되 었 습 니 다. 참 새 는 작 지만 오장 이 다 있 습 니 다.

 
  
var ids = document.querySelectorAll(".member_id"); 
  
var names = document.querySelectorAll(".member_name"); 
  
var output = "", length = ids.length; 
  
 
  
for(var i=0; ioutput += ids[i].innerHTML.slice(1,-1) + ":" + names[i].innerHTML + "
"; 
  
} 
  
console.log(output); 
  
 
 

사용 방식
QQ 그룹 공간 과 같이 먼저 들 어가 면 이 링크 를 누 를 수 있 습 니 다.http://qun.qzone.qq.com, 그룹 정 보 를 얻 으 려 면 먼저 그룹 구성원 이 어야 합 니 다.
로그 인 후 맨 위 에 있 는 메뉴 는 [나의 그룹] 이 있 습 니 다. 다음 메뉴 에서 그룹 을 선택 하 십시오.[그룹 구성원] 을 클릭 합 니 다.
F12 를 누 르 고 개발 자 도 구 를 꺼 낸 다음 [javascript 콘 솔] 을 선택 하 십시오.(Chrome 을 사용 하면 Ctrl + Shift + J 를 직접 누 를 수 있 습 니 다.)
아래 코드 를 여기에 붙 이 고 차 로 돌아 가세 요!

 
  
var ids = document.querySelectorAll(".member_id"); 
  
var names = document.querySelectorAll(".member_name"); 
  
var output = "", length = ids.length; 
  
 
  
for(var i=0; ioutput += ids[i].innerHTML.slice(1,-1) + ":" + names[i].innerHTML + "
"; 
  
} 
  
console.log(output); 
  
 
 

복사 하 는 것 이 너무 번거롭다 고 생각한다 면, 나 는 책 갈 피 를 만 들 었 다.
다음 링크 를 책 갈피 표시 줄 에 끌 어 다 놓 기: QQ 그룹 구성원 가 져 오기
그리고 그룹 주소록 에 들 어가 서 Ctrl + Shift + J -- > 탭 표시 줄 을 누 르 면 -- > 복사 할 수 있 습 니 다.
주: 이 코드 는 학습 연구 에 만 사 용 됩 니 다.