인형을 사용하여 HTML 요소 텍스트를 얻는 방법

프랜시스

이 질문은 확실히 여러 번 요청되었지만 모든 곳을 살펴 보았고 대답 중 어느 것도 나를 위해 일하지 않았습니다.

그래서 다음 Div가 있습니다.

<div class="dataTables_info" id="dt-card-entry_info" role="status" aria-live="polite">
    Showing 1 to 20 of 761,871 entries
    <span class="select-info">
        <span class="select-item">
            1 row selected
        </span>
        <span class="select-item">
            
        </span>
        <span class="select-item">
            
        </span>
    </span>
</div>

상위 div에 텍스트를 가져 오려고합니다 : 761,871 개 항목 중 1 ~ 20 개 표시

나는 시도했다 :

const text = await page.$eval('div#dt-card-entry_info.dataTables_info', el => el.textContent)

그리고 또한

 const text = await page.evaluate(() => {
        const el = document.querySelector('#dt-card-entry_info')
        return el.innerText
    })

브라우저 콘솔에서 다음과 같이 작동합니다.

$('#dt-card-entry_info').text()

그리고 이것 :

$('#dt-card-entry_info')[0].innerText

아니면 이거:

$('#dt-card-entry_info')[0].textContent
지하철

당신이 사용할 수있는

document.getElementById

텍스트 내용을 원하므로 다음을 사용하십시오.

var res = document.getElementById('dt-card-entry_info').textContent;

다음과 같이 방법을 사용할 수 있습니다.

const text = await page.evaluate(() => {
        const el = document.getElementById('dt-card-entry_info');
        return el.textContent;
    })

constdef 의 await pageEval이 마음에 들지 않으므로 eval 범위 밖에서 변경합니다.

이는 pageEval이 promise이기 때문에 문자열 콘텐츠의 promise를 반환해야합니다. 여기에서 더 읽기

let text = '';
await page.evaluate(() => {
    const el = document.getElementById('dt-card-entry_info');
    text = el.textContent;
})
console.log(text);

여기서 일할 수 있습니다 : https://jsfiddle.net/9s4zxvLk/

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

lxml.html을 사용하여 HTML 요소에서 텍스트를 가져 오는 방법

분류에서Dev

jQuery를 사용하여 HTML 선택 요소의 특정 값을 얻는 방법

분류에서Dev

jquery를 사용하여 레이블 요소에 대한 내부 HTML 텍스트를 얻는 방법

분류에서Dev

JQuery를 사용하여 상대 요소에서 HTML 텍스트를 얻는 방법은 무엇입니까?

분류에서Dev

angularjs를 사용하여 html 요소 내부의 텍스트를 얻는 방법은 무엇입니까?

분류에서Dev

jquery를 사용하여 HTML 요소 ID를 얻는 방법

분류에서Dev

jQuery를 사용하여 HTML을 변경하지 않고 요소의 형제 텍스트를 변경하는 방법은 무엇입니까?

분류에서Dev

JS를 사용하여 요소 아래의 html 요소에서 텍스트를 변경하는 방법

분류에서Dev

jsoup을 사용하여 요소의 일부가 아닌 텍스트를 얻는 방법은 무엇입니까?

분류에서Dev

jsoup을 사용하여 요소의 일부가 아닌 텍스트를 얻는 방법은 무엇입니까?

분류에서Dev

Selenium Python을 사용하여 링크 텍스트로 요소를 찾는 방법

분류에서Dev

Vanilla JS를 사용하여 여러 HTML 텍스트 요소를 전환하는 방법은 무엇입니까?

분류에서Dev

BeautifulSoup과 Python을 사용하여 요소를 얻는 방법

분류에서Dev

'this'를 사용하여 DIV 요소에서 값을 얻는 방법

분류에서Dev

HTML 요소에 액세스하고 JavaScript를 사용하여 JSON 텍스트에 저장하는 방법

분류에서Dev

Kanna를 사용하여 HTML 요소의 텍스트에 액세스하는 방법

분류에서Dev

Angular Directive를 사용하여 HTML 텍스트 상자 요소 내부에 기본값을 설정하는 방법. 아래 코드를 참조하십시오

분류에서Dev

JavaScript를 사용하는 방법은 텍스트 앞뒤에있는 인라인 html 요소를 다른 html 요소로 대체합니까?

분류에서Dev

jquery를 사용하여 HTML 양식에서 배열의 모든 ID 요소 값을 얻는 방법

분류에서Dev

bash 함수를 사용하여 배열의 요소 색인을 얻는 방법

분류에서Dev

Html 단위 및 Xpath를 사용하여 단락 요소를 얻는 방법

분류에서Dev

html 요소에서 spacific 텍스트를 제거하는 방법

분류에서Dev

파이썬 소켓을 사용하여 HTML 코드를 얻는 방법

분류에서Dev

CakePHP : 컨트롤러 내부에서 뷰 요소를 사용하고 cakephp 버전 2.4.5를 사용하여 pdf 생성을 위해 html을 얻는 방법

분류에서Dev

Geb 프레임 워크를 사용하여 / html / head / title 요소의 텍스트를 얻는 방법은 무엇입니까?

분류에서Dev

HTML없이 wget을 사용하여 페이지의 텍스트를 얻는 방법은 무엇입니까?

분류에서Dev

HTML없이 wget을 사용하여 페이지의 텍스트를 얻는 방법은 무엇입니까?

분류에서Dev

셀레늄 파이썬을 사용하여 HTML 테이블에서 텍스트 객체를 얻는 방법

분류에서Dev

자바 스크립트를 사용하여 HTML DOM 요소에서 문자열을 찾고 바꾸는 방법

Related 관련 기사

  1. 1

    lxml.html을 사용하여 HTML 요소에서 텍스트를 가져 오는 방법

  2. 2

    jQuery를 사용하여 HTML 선택 요소의 특정 값을 얻는 방법

  3. 3

    jquery를 사용하여 레이블 요소에 대한 내부 HTML 텍스트를 얻는 방법

  4. 4

    JQuery를 사용하여 상대 요소에서 HTML 텍스트를 얻는 방법은 무엇입니까?

  5. 5

    angularjs를 사용하여 html 요소 내부의 텍스트를 얻는 방법은 무엇입니까?

  6. 6

    jquery를 사용하여 HTML 요소 ID를 얻는 방법

  7. 7

    jQuery를 사용하여 HTML을 변경하지 않고 요소의 형제 텍스트를 변경하는 방법은 무엇입니까?

  8. 8

    JS를 사용하여 요소 아래의 html 요소에서 텍스트를 변경하는 방법

  9. 9

    jsoup을 사용하여 요소의 일부가 아닌 텍스트를 얻는 방법은 무엇입니까?

  10. 10

    jsoup을 사용하여 요소의 일부가 아닌 텍스트를 얻는 방법은 무엇입니까?

  11. 11

    Selenium Python을 사용하여 링크 텍스트로 요소를 찾는 방법

  12. 12

    Vanilla JS를 사용하여 여러 HTML 텍스트 요소를 전환하는 방법은 무엇입니까?

  13. 13

    BeautifulSoup과 Python을 사용하여 요소를 얻는 방법

  14. 14

    'this'를 사용하여 DIV 요소에서 값을 얻는 방법

  15. 15

    HTML 요소에 액세스하고 JavaScript를 사용하여 JSON 텍스트에 저장하는 방법

  16. 16

    Kanna를 사용하여 HTML 요소의 텍스트에 액세스하는 방법

  17. 17

    Angular Directive를 사용하여 HTML 텍스트 상자 요소 내부에 기본값을 설정하는 방법. 아래 코드를 참조하십시오

  18. 18

    JavaScript를 사용하는 방법은 텍스트 앞뒤에있는 인라인 html 요소를 다른 html 요소로 대체합니까?

  19. 19

    jquery를 사용하여 HTML 양식에서 배열의 모든 ID 요소 값을 얻는 방법

  20. 20

    bash 함수를 사용하여 배열의 요소 색인을 얻는 방법

  21. 21

    Html 단위 및 Xpath를 사용하여 단락 요소를 얻는 방법

  22. 22

    html 요소에서 spacific 텍스트를 제거하는 방법

  23. 23

    파이썬 소켓을 사용하여 HTML 코드를 얻는 방법

  24. 24

    CakePHP : 컨트롤러 내부에서 뷰 요소를 사용하고 cakephp 버전 2.4.5를 사용하여 pdf 생성을 위해 html을 얻는 방법

  25. 25

    Geb 프레임 워크를 사용하여 / html / head / title 요소의 텍스트를 얻는 방법은 무엇입니까?

  26. 26

    HTML없이 wget을 사용하여 페이지의 텍스트를 얻는 방법은 무엇입니까?

  27. 27

    HTML없이 wget을 사용하여 페이지의 텍스트를 얻는 방법은 무엇입니까?

  28. 28

    셀레늄 파이썬을 사용하여 HTML 테이블에서 텍스트 객체를 얻는 방법

  29. 29

    자바 스크립트를 사용하여 HTML DOM 요소에서 문자열을 찾고 바꾸는 방법

뜨겁다태그

보관