자식을 무시하는 요소의 텍스트를 가져 오는 DOM 선택기?

크롬에 Tab Modifier plugin을 사용하여 매일 사용하는 탭의 이름을 동적으로 바꿉니다. 탭 제목 정의에서 다음과 같이 말합니다.자식을 무시하는 요소의 텍스트를 가져 오는 DOM 선택기?

{selector}를 사용하여 DOM 내용을 주입 할 수 있습니다. 예 :
: 등 웹 사이트 제목 {제목}, {H1}, {#ID}, {을 .class}, 여기

것은 내가 탭의 이름을 사용하려는 요소의 예입니다 물론, 탭이 PORTALNAMEChange Portal라는,

{.portalTitleInfoVal:nth-of-type(4)}

그러나 :

<td class="portalTitleInfoVal"> 
    PORTALNAME 
    <a class="portalLink">Change Portal</a> 
</td>

이것은 내가 현재 타이틀을 사용하고 있습니다 것입니다.

DOM 선택기를 수정하여 탭의 이름이 "PORTALNAME"이되도록하려면 어떻게해야합니까?

출처

2017-01-05 Scott Beeson

요소의 첫 번째 자식 노드는 HTML 요소 (<a>) 앞에있는 일반 텍스트입니다. 이 플러그인은 querySelector와 호환 CSS 스타일 요소 선택기 수처럼

$('. portalTitleInfoVal')[0].childNodes[0].nodeValue

는 것 같습니다. 그런 다음 해당 요소의 텍스트를 가져옵니다. 그 (것)들에서 github repo :

출처

2017-01-05 19:17:32 Will

나는 그것을 플러그 접속 식'{}'구문으로 변환하는 방법에 관해서는 추측합니까? –

아, 그럴 수 있다고 생각하지 않습니다. 코드를 살펴보면 CSS 스타일 선택기 만 필요합니다. 그런 다음 'value = el.innerText ||'를 통해 해당 요소의 텍스트를 가져옵니다. el.textContent;'. https://github.com/sylouuu/chrome-tab-modifier/blob/master/src/js/content.js#L56 – Will

Bummer, 기능 요청을 제출하겠습니다. 이 설명을 포함하도록 답변을 업데이트 할 수 있습니까? 감사. –

자식을 무시하는 요소의 텍스트를 가져 오는 DOM 선택기?

답변

관련 문제