Hướng dẫn parse innerhtml javascript - phân tích cú pháp nội bộ javascript

Tôi có một trang HTML chứa đầy dữ liệu được phân tách bằng dấu phẩy và mỗi hàng kết thúc trong thẻ (br /). Trong JavaScript, tôi có thể nhận được điều này từ DOM bằng cách yêu cầu bên trong của phần tử chứa dữ liệu.

Câu hỏi của tôi là làm thế nào để phân tích bên trong để lấy dữ liệu từ giữa dấu phẩy và bắt đầu trên dòng tiếp theo khi nó nhấn vào thẻ (BR /)?

Bạn có thể bỏ qua phần còn lại vì đó là câu hỏi của tôi ở trên.

Khi tôi phân tích từng dòng, tôi sẽ bắt đầu một đối tượng mới và đặt dữ liệu vào đó. Tôi chỉ không chắc chắn phải làm gì với bên trong!

Tôi đã đặt dữ liệu thông qua hàm CSVTOarray mà tôi tìm thấy nhưng cuối cùng đã kết thúc với một mảng của một mảng lớn thay vì một mảng mảng cho mỗi dòng. Tôi có thể làm việc theo cách của mình thông qua mảng này tạo các đối tượng từ dữ liệu trên đường đi nhưng biến bên trong thành một mảng duy nhất có vẻ là một bước không cần thiết khi tôi có thể phân tích dữ liệu thẳng vào đối tượng.

Dữ liệu được đặt ở đó thông qua Ajax. Tôi có thể thay đổi định dạng mà dữ liệu xuất hiện. Như tôi đã nói rằng tôi có nó phân tách dữ liệu với dấu phẩy và thẻ (BR /) ở cuối dòng. Tôi không biết điều này có ngu ngốc hay không.

Khi được hỏi ngày 10 tháng 5 năm 2012 lúc 17:11May 10, 2012 at 17:11

Peter Bushnellpeter BushnellPeter Bushnell

8981 Huy hiệu vàng13 Huy hiệu bạc28 Huy hiệu đồng1 gold badge13 silver badges28 bronze badges

3

Vì vậy, bạn muốn CSV-Parse một tệp trong đó các dòng mới được chỉ định bằng

yourElem.innerHTML = yourElem.innerHTML.split(",").join(""); 

yourElem.innerHTML = yourElem.innerHTML.split(",").join(""); 

text.split("<br />".map(function(line){ return line.split(","); })

Bạn cũng có thể chia tách bằng các biểu thức thông thường, như

text.split(/\s*<br ?\/>\s*/)...

Nếu bạn thực sự sử dụng dữ liệu CSV trong một DOM, bạn có thể xóa tất cả các yếu tố BR và sử dụng các nút (văn bản) còn lại làm mảng dòng.

Đã trả lời ngày 10 tháng 5 năm 2012 lúc 17:17May 10, 2012 at 17:17

Bạn đề cập rằng bạn có quyền kiểm soát dữ liệu bạn nhận được thông qua AJAX và bạn đúng rằng cách tiếp cận hiện tại của bạn không phải là ý tưởng tốt nhất. Trước hết, bạn không bao giờ nên cố gắng tự phân tích HTML, ngay cả khi bạn nghĩ rằng nó "đơn giản" - các trình duyệt khác nhau sẽ cung cấp cho bạn

yourElem.innerHTML = yourElem.innerHTML.split(",").join(""); 

Điều đó nói rằng, cách tiếp cận chính xác ở đây chỉ là trả lại một đối tượng JSON từ máy chủ; Sau đó, bạn sẽ có quyền truy cập trực tiếp vào dữ liệu của bạn. Gần như mọi ngôn ngữ phía máy chủ đều có một số loại cơ sở để xuất JSON và JavaScript có thể phân tích chuỗi JSON nguyên bản1 với

yourElem.innerHTML = yourElem.innerHTML.split(",").join(""); 

Từ máy chủ, trở lại:

{items: [
    { id: 0, name: '...' },
    { id: 1, name: '...' },
    ...
]}

Trên máy khách (giả sử jQuery),

$.getJSON('/path-to-script/', function(d) {
    for (var i = 0; i < d.items.length; i++) {
        d.items[i].id;
    }
});

1 - Trong các trình duyệt hiện đại

Đã trả lời ngày 10 tháng 5 năm 2012 lúc 17:28May 10, 2012 at 17:28

josh3736josh3736josh3736

134K30 Huy hiệu vàng211 Huy hiệu bạc256 Huy hiệu Đồng30 gold badges211 silver badges256 bronze badges

1

Bạn có thể chỉ cần làm điều này nếu bạn chỉ muốn "lấy dữ liệu từ giữa dấu phẩy":

yourElem.innerHTML = yourElem.innerHTML.split(",").join(""); 

Hoặc nếu bạn chỉ muốn một mảng dòng:

var lines = yourElem.innerHTML.split(",");

Điều đó sẽ trả về một mảng các dòng với các yếu tố

yourElem.innerHTML = yourElem.innerHTML.split(",").join(""); 

Đã trả lời ngày 10 tháng 5 năm 2012 lúc 17:22May 10, 2012 at 17:22

Elliot Bonevilleelliot BonevilleElliot Bonneville

50.1K23 Huy hiệu vàng93 Huy hiệu bạc123 Huy hiệu Đồng23 gold badges93 silver badges123 bronze badges

Cập nhật tháng 11 năm 2020

Tôi đã tìm kiếm các thư viện trình phân tích cú pháp NodeJS HTML hàng đầu.

Nội dung chính

• Cập nhật tháng 11 năm 2020
• Tôi đã tìm kiếm các thư viện trình phân tích cú pháp NodeJS HTML hàng đầu.
• Nội dung chính
• Bắt đầu và thiết lập các phụ thuộc
• Sử dụng phải lấy dữ liệu để sử dụng với JSdom
• Sử dụng bộ chọn CSS với JSdom
• Lọc qua các phần tử HTML
• Tải xuống các tệp MIDI mà chúng tôi muốn từ trang web
• Mở rộng rộng lớn của World Wide Web
• Làm thế nào để bạn phân tích HTML?
• Làm cách nào để gửi nội dung HTML trong Node JS?

Trong nút.Các ứng dụng JS và Express, Res.SendFile () có thể được sử dụng để cung cấp các tệp.Việc cung cấp các tệp HTML bằng cách sử dụng Express có thể hữu ích khi bạn cần một giải pháp để phục vụ các trang tĩnh.res.sendFile() can be used to deliver files. Delivering HTML files using Express can be useful when you need a solution for serving static pages.

Cập nhật tháng 11 năm 2020

Tôi đã tìm kiếm các thư viện trình phân tích cú pháp NodeJS HTML hàng đầu..

Nội dung chính

Bắt đầu và thiết lập các phụ thuộc

Sử dụng phải lấy dữ liệu để sử dụng với JSdom

Sử dụng bộ chọn CSS với JSdom

Lọc qua các phần tử HTML

Tải xuống các tệp MIDI mà chúng tôi muốn từ trang web

const fs = require('fs');
const got = require('got');
const jsdom = require("jsdom");
const { JSDOM } = jsdom;

const vgmUrl= 'https://www.vgmusic.com/music/console/nintendo/nes';

got(vgmUrl).then(response => {
  const dom = new JSDOM(response.body);
  console.log(dom.window.document.querySelector('title').textContent);
}).catch(err => {
  console.log(err);
});

HTML-parse-Stringify-

const fs = require('fs');
const got = require('got');
const jsdom = require("jsdom");
const { JSDOM } = jsdom;

const vgmUrl= 'https://www.vgmusic.com/music/console/nintendo/nes';

got(vgmUrl).then(response => {
  const dom = new JSDOM(response.body);
  console.log(dom.window.document.querySelector('title').textContent);
}).catch(err => {
  console.log(err);
});

Node-HTML-Parser-

const fs = require('fs');
const got = require('got');
const jsdom = require("jsdom");
const { JSDOM } = jsdom;

const vgmUrl= 'https://www.vgmusic.com/music/console/nintendo/nes';

got(vgmUrl).then(response => {
  const dom = new JSDOM(response.body);
  console.log(dom.window.document.querySelector('title').textContent);
}).catch(err => {
  console.log(err);
});

Mở rộng rộng lớn của World Wide Web

Làm cách nào để phân tích một trang HTML trong Node JS?

const fs = require('fs');
const got = require('got');
const jsdom = require("jsdom");
const { JSDOM } = jsdom;

const vgmUrl= 'https://www.vgmusic.com/music/console/nintendo/nes';

got(vgmUrl).then(response => {
  const dom = new JSDOM(response.body);
  console.log(dom.window.document.querySelector('title').textContent);
}).catch(err => {
  console.log(err);
});

Làm cách nào để loại bỏ nút html js?

const fs = require('fs');
const got = require('got');
const jsdom = require("jsdom");
const { JSDOM } = jsdom;

const vgmUrl= 'https://www.vgmusic.com/music/console/nintendo/nes';

got(vgmUrl).then(response => {
  const dom = new JSDOM(response.body);
  console.log(dom.window.document.querySelector('title').textContent);
}).catch(err => {
  console.log(err);
});

Vì các trường hợp sử dụng của tôi không yêu cầu thư viện có nhiều tính năng, tôi có thể tập trung vào sự ổn định và hiệu suất.

const fs = require('fs');
const got = require('got');
const jsdom = require("jsdom");
const { JSDOM } = jsdom;

const vgmUrl= 'https://www.vgmusic.com/music/console/nintendo/nes';

got(vgmUrl).then(response => {
  const dom = new JSDOM(response.body);
  console.log(dom.window.document.querySelector('title').textContent);
}).catch(err => {
  console.log(err);
});

DRAFTJS-TO-HTML-

const fs = require('fs');
const got = require('got');
const jsdom = require("jsdom");
const { JSDOM } = jsdom;

const vgmUrl= 'https://www.vgmusic.com/music/console/nintendo/nes';

got(vgmUrl).then(response => {
  const dom = new JSDOM(response.body);
  console.log(dom.window.document.querySelector('title').textContent);
}).catch(err => {
  console.log(err);
});

Theo sự ổn định, tôi có nghĩa là tôi muốn thư viện được cộng đồng sử dụng đủ lâu để tìm lỗi và nó vẫn sẽ được duy trì và các vấn đề mở sẽ bị đóng lại.

Thật khó để hiểu được tương lai của một thư viện nguồn mở, nhưng tôi đã thực hiện một bản tóm tắt nhỏ dựa trên 10 thư viện hàng đầu trong OpenBase..

Thật khó để hiểu được tương lai của một thư viện nguồn mở, nhưng tôi đã thực hiện một bản tóm tắt nhỏ dựa trên 10 thư viện hàng đầu trong OpenBase..

text.split(/\s*<br ?\/>\s*/)...

text.split(/\s*<br ?\/>\s*/)...

text.split(/\s*<br ?\/>\s*/)...

text.split(/\s*<br ?\/>\s*/)...

text.split(/\s*<br ?\/>\s*/)...

text.split(/\s*<br ?\/>\s*/)...

text.split(/\s*<br ?\/>\s*/)...

text.split(/\s*<br ?\/>\s*/)...

text.split(/\s*<br ?\/>\s*/)...

text.split(/\s*<br ?\/>\s*/)...

{items: [
    { id: 0, name: '...' },
    { id: 1, name: '...' },
    ...
]}

{items: [
    { id: 0, name: '...' },
    { id: 1, name: '...' },
    ...
]}

{items: [
    { id: 0, name: '...' },
    { id: 1, name: '...' },
    ...
]}

{items: [
    { id: 0, name: '...' },
    { id: 1, name: '...' },
    ...
]}

{items: [
    { id: 0, name: '...' },
    { id: 1, name: '...' },
    ...
]}

$.getJSON('/path-to-script/', function(d) {
    for (var i = 0; i < d.items.length; i++) {
        d.items[i].id;
    }
});

text.split(/\s*<br ?\/>\s*/)...

{items: [
    { id: 0, name: '...' },
    { id: 1, name: '...' },
    ...
]}

$.getJSON('/path-to-script/', function(d) {
    for (var i = 0; i < d.items.length; i++) {
        d.items[i].id;
    }
});

{items: [
    { id: 0, name: '...' },
    { id: 1, name: '...' },
    ...
]}

$.getJSON('/path-to-script/', function(d) {
    for (var i = 0; i < d.items.length; i++) {
        d.items[i].id;
    }
});

Làm cách nào để phân tích một trang HTML trong Node JS?

Bạn có thể sử dụng các mô -đun NPM JSDOM và HTMLPARSER để tạo và phân tích DOM trong nút. JS ....

Đẹp cho Python ..

Bạn có thể chuyển đổi HTML của bạn thành XHTML và sử dụng XSLT ..

HTMLagilityPack cho. ....

CSQuery cho ..

Làm cách nào để loại bỏ nút html js?

Cách cạo một trang web trong nút bằng cách sử dụng Cheerio...

Bước 1 - Tạo một thư mục làm việc.....

Bước 2 - Khởi tạo dự án.....

Bước 3 - Cài đặt phụ thuộc.....

Bước 4 - Kiểm tra trang web bạn muốn cạo.....

Bước 5 - Viết mã để xóa dữ liệu ..

Làm thế nào để bạn phân tích HTML?

Phân tích cú pháp HTML liên quan đến việc xây dựng mã thông báo và xây dựng cây.Mã thông báo HTML bao gồm các thẻ bắt đầu và kết thúc, cũng như tên và giá trị thuộc tính.Nếu tài liệu được hình thành tốt, phân tích cú pháp thì đơn giản và nhanh hơn.Trình phân tích cú pháp phân tích cú pháp đầu vào vào tài liệu, xây dựng cây tài liệu.tokenization and tree construction. HTML tokens include start and end tags, as well as attribute names and values. If the document is well-formed, parsing it is straightforward and faster. The parser parses tokenized input into the document, building up the document tree.tokenization and tree construction. HTML tokens include start and end tags, as well as attribute names and values. If the document is well-formed, parsing it is straightforward and faster. The parser parses tokenized input into the document, building up the document tree.

Làm cách nào để gửi nội dung HTML trong Node JS?

Trong nút.Các ứng dụng JS và Express, Res.SendFile () có thể được sử dụng để cung cấp các tệp.Việc cung cấp các tệp HTML bằng cách sử dụng Express có thể hữu ích khi bạn cần một giải pháp để phục vụ các trang tĩnh.res.sendFile() can be used to deliver files. Delivering HTML files using Express can be useful when you need a solution for serving static pages.res. sendFile() can be used to deliver files. Delivering HTML files using Express can be useful when you need a solution for serving static pages.