Ko'rsatilgan HTML chiqimini oling

Ko'rsatilgan chiqishni HTMLdan (HTMLni ajratmasdan) olishning js/npm modullari bormi? Misol uchun, menda quyidagi HTML mavjud:

<div class="st_view recipe-tab ingredients st_view_first st_view_active" style="position: absolute; left: 0px;">
          

Yields: 2 Servings

 
  1. 1 Banana Nut Muffin Bar
  2. 3 tablespoons Vanilla Milkshake Protein Powder
  3. 1 12 tablespoons banana, mashed
  4. 12 tablespoon unsweetened almond milk
  5. 1 teaspoon walnuts, crushed
  6. 14 teaspoon banana extract
  7. 14 teaspoon zero-calorie sweetener
  8. Pinch of cinnamon
                                           </div>

Bu quyidagi chiqimlarni keltirib chiqaradi:

enter image description here

Yuqorida ko'rsatilgan satrlarni ko'rish uchun baribir bormi (aslida HTML orqali ajralmasdan)?

Eg: var lineSix = getLineSixFromRenderedHTML(html);

Tartibga solish: Buni tugun JS server tomonidagi muhitda (jquery-dan foydalanmasdan) bajarishni istayman va men chiqishni tuzish uchun individual elementlardan o'tish uchun HTML-ni ajratishni xohlamayman. Men faqat ko'rsatilgan chiziqqa kirishni xohlayman (HTML emas).

1
W3schools ko'pincha noto'g'ri bo'lsa, jiddiy eskirib qolgan, etarli ma'lumotlarga ega emas va faqat yomon manba. Nima uchun juda yaxshi bo'lsa, unchalik ishonchli manbaga bog'lanishingiz kerak?
qo'shib qo'ydi muallif Daniel T., manba
W3schools ko'pincha noto'g'ri bo'lsa, jiddiy eskirib qolgan, etarli ma'lumotlarga ega emas va faqat yomon manba. Nima uchun juda yaxshi bo'lsa, unchalik ishonchli manbaga bog'lanishingiz kerak?
qo'shib qo'ydi muallif Daniel T., manba
W3schools ko'pincha noto'g'ri bo'lsa, jiddiy eskirib qolgan, etarli ma'lumotlarga ega emas va faqat yomon manba. Nima uchun juda yaxshi bo'lsa, unchalik ishonchli manbaga bog'lanishingiz kerak?
qo'shib qo'ydi muallif Daniel T., manba
@MikeMcCaughan Men bu o'zgaruvchanlikni o'zgarmagan holda olib qoldim (faqatgina indiretsiya va tartibsizlikka olib keldi) ... ammo menimcha, Tailandda Tran quyidagi savolga javob berdi. Faqat tekshirish jarayonida
qo'shib qo'ydi muallif Shivam Sinha, manba
@MikeMcCaughan Men bu o'zgaruvchanlikni o'zgarmagan holda olib qoldim (faqatgina indiretsiya va tartibsizlikka olib keldi) ... ammo menimcha, Tailandda Tran quyidagi savolga javob berdi. Faqat tekshirish jarayonida
qo'shib qo'ydi muallif Shivam Sinha, manba
@SimonHyll siz misol keltira olasizmi?
qo'shib qo'ydi muallif Shivam Sinha, manba
@SimonHyll siz misol keltira olasizmi?
qo'shib qo'ydi muallif Shivam Sinha, manba
@SimonHyll siz misol keltira olasizmi?
qo'shib qo'ydi muallif Shivam Sinha, manba
@MikeMcCaughan Men bu o'zgaruvchanlikni o'zgarmagan holda olib qoldim (faqatgina indiretsiya va tartibsizlikka olib keldi) ... ammo menimcha, Tailandda Tran quyidagi savolga javob berdi. Faqat tekshirish jarayonida
qo'shib qo'ydi muallif Shivam Sinha, manba
Dastlabki savolni HTMLdan (HTMLni tahlil qilmasdan) chiqarilgan mahsulotni olishni amalga oshirish mumkin emas. HTMLni ko'rsatish birinchi marta tahlil qilmasdan mumkin emas. Bundan tashqari, ko'rsatilgan satrlarni JavaScript-da o'zgaruvchiga tayinlash orqali nimani nazarda tutishingiz aniq emas. Bu o'zgarmaydigan nimani o'z ichiga oladi? Rasmmi? PDF-fayl
qo'shib qo'ydi muallif Mike McCaughan, manba
Dastlabki savolni HTMLdan (HTMLni tahlil qilmasdan) chiqarilgan mahsulotni olishni amalga oshirish mumkin emas. HTMLni ko'rsatish birinchi marta tahlil qilmasdan mumkin emas. Bundan tashqari, ko'rsatilgan satrlarni JavaScript-da o'zgaruvchiga tayinlash orqali nimani nazarda tutishingiz aniq emas. Bu o'zgarmaydigan nimani o'z ichiga oladi? Rasmmi? PDF-fayl
qo'shib qo'ydi muallif Mike McCaughan, manba
Dastlabki savolni HTMLdan (HTMLni tahlil qilmasdan) chiqarilgan mahsulotni olishni amalga oshirish mumkin emas. HTMLni ko'rsatish birinchi marta tahlil qilmasdan mumkin emas. Bundan tashqari, ko'rsatilgan satrlarni JavaScript-da o'zgaruvchiga tayinlash orqali nimani nazarda tutishingiz aniq emas. Bu o'zgarmaydigan nimani o'z ichiga oladi? Rasmmi? PDF-fayl
qo'shib qo'ydi muallif Mike McCaughan, manba
Chunki, bu oddiy narsalar haqida qaysi sayt ishlatilganligi muhim emas. To'g'ri bo'lishdan ko'ra to'g'riroq bo'lmaydi. oson topish uchun nuqtasiga mo'ljallangan batafsil ma'lumotlarga aniq ma'lumotni yoki mos yozuvlar kerak bo'lsa, MDN yanada foydalidir.
qo'shib qo'ydi muallif Simon Hyll, manba
Chunki, bu oddiy narsalar haqida qaysi sayt ishlatilganligi muhim emas. To'g'ri bo'lishdan ko'ra to'g'riroq bo'lmaydi. oson topish uchun nuqtasiga mo'ljallangan batafsil ma'lumotlarga aniq ma'lumotni yoki mos yozuvlar kerak bo'lsa, MDN yanada foydalidir.
qo'shib qo'ydi muallif Simon Hyll, manba
Chunki, bu oddiy narsalar haqida qaysi sayt ishlatilganligi muhim emas. To'g'ri bo'lishdan ko'ra to'g'riroq bo'lmaydi. oson topish uchun nuqtasiga mo'ljallangan batafsil ma'lumotlarga aniq ma'lumotni yoki mos yozuvlar kerak bo'lsa, MDN yanada foydalidir.
qo'shib qo'ydi muallif Simon Hyll, manba
@mscdex Nima uchun oddiyroq narsa uchun yanada obro'li saytni ishlatish kerak? Ular oddiy narsalar haqida noto'g'ri emas. Axborotning to'g'ri ekanligi uning obro'-e'tibori qanchalik muhimligini anglatmaydi.
qo'shib qo'ydi muallif Simon Hyll, manba
@mscdex Nima uchun oddiyroq narsa uchun yanada obro'li saytni ishlatish kerak? Ular oddiy narsalar haqida noto'g'ri emas. Axborotning to'g'ri ekanligi uning obro'-e'tibori qanchalik muhimligini anglatmaydi.
qo'shib qo'ydi muallif Simon Hyll, manba
@mscdex Nima uchun oddiyroq narsa uchun yanada obro'li saytni ishlatish kerak? Ular oddiy narsalar haqida noto'g'ri emas. Axborotning to'g'ri ekanligi uning obro'-e'tibori qanchalik muhimligini anglatmaydi.
qo'shib qo'ydi muallif Simon Hyll, manba
Nima demoqchisiz? Sizning HTML-dagi 6-elementni olishni xohlaysizmi? Buni oddiygina JavaScript yordamida qilishingiz mumkin: nueferrer"> w3schools.com/js/js_htmldom_document.asp
qo'shib qo'ydi muallif Simon Hyll, manba
Nima demoqchisiz? Sizning HTML-dagi 6-elementni olishni xohlaysizmi? Buni oddiygina JavaScript yordamida qilishingiz mumkin: nueferrer"> w3schools.com/js/js_htmldom_document.asp
qo'shib qo'ydi muallif Simon Hyll, manba
@SimonHyll Umuman olganda, iltimos, w3schools ni mos yozuvlar sifatida ishlatmang, MDN dan foydalaning (masalan, developer.mozilla.org/en-US/docs/Web/API/Document ) yoki undan ko'ra obro'li boshqa joy.
qo'shib qo'ydi muallif mscdex, manba
@SimonHyll Umuman olganda, iltimos, w3schools ni mos yozuvlar sifatida ishlatmang, MDN dan foydalaning (masalan, developer.mozilla.org/en-US/docs/Web/API/Document ) yoki undan ko'ra obro'li boshqa joy.
qo'shib qo'ydi muallif mscdex, manba
@SimonHyll: w3schools bilan bog'laydigan barcha ulanishlar googleni MDNdan yuqori tartibga keltiradi. Nima uchun ko'pincha noto'g'ri saytga va undan to'g'riroq bo'lgan saytga yordam berasiz?
qo'shib qo'ydi muallif slebetman, manba
@SimonHyll: w3schools bilan bog'laydigan barcha ulanishlar googleni MDNdan yuqori tartibga keltiradi. Nima uchun ko'pincha noto'g'ri saytga va undan to'g'riroq bo'lgan saytga yordam berasiz?
qo'shib qo'ydi muallif slebetman, manba
@SimonHyll: w3schools bilan bog'laydigan barcha ulanishlar googleni MDNdan yuqori tartibga keltiradi. Nima uchun ko'pincha noto'g'ri saytga va undan to'g'riroq bo'lgan saytga yordam berasiz?
qo'shib qo'ydi muallif slebetman, manba
Ushbu qatorga id ni tayinlash va uni javasriptda tanlash uchun ishlatish mumkinmi?
qo'shib qo'ydi muallif user2027202827, manba

12 javoblar

This is what you need, though I am not so sure how complicated your real string is

var str = `your-very-long-html-string`;

var htmlToText = require('html-to-text');
var text = htmlToText.fromString(str, {
    wordwrap: 130
});
console.log(text);

Natija

YIELDS: 2 SERVINGS
 1. 1 Banana Nut Muffin Bar
 2. 3 tablespoons Vanilla Milkshake Protein Powder
 3. 1 1⁄ 2 tablespoons banana, mashed
 4.  1⁄ 2 tablespoon unsweetened almond milk
 5. 1 teaspoon walnuts, crushed
 6.  1⁄ 4 teaspoon banana extract
 7.  1⁄ 4 teaspoon zero-calorie sweetener
 8. Pinch of cinnamon
1
qo'shib qo'ydi

This is what you need, though I am not so sure how complicated your real string is

var str = `your-very-long-html-string`;

var htmlToText = require('html-to-text');
var text = htmlToText.fromString(str, {
    wordwrap: 130
});
console.log(text);

Natija

YIELDS: 2 SERVINGS
 1. 1 Banana Nut Muffin Bar
 2. 3 tablespoons Vanilla Milkshake Protein Powder
 3. 1 1⁄ 2 tablespoons banana, mashed
 4.  1⁄ 2 tablespoon unsweetened almond milk
 5. 1 teaspoon walnuts, crushed
 6.  1⁄ 4 teaspoon banana extract
 7.  1⁄ 4 teaspoon zero-calorie sweetener
 8. Pinch of cinnamon
1
qo'shib qo'ydi

This is what you need, though I am not so sure how complicated your real string is

var str = `your-very-long-html-string`;

var htmlToText = require('html-to-text');
var text = htmlToText.fromString(str, {
    wordwrap: 130
});
console.log(text);

Natija

YIELDS: 2 SERVINGS
 1. 1 Banana Nut Muffin Bar
 2. 3 tablespoons Vanilla Milkshake Protein Powder
 3. 1 1⁄ 2 tablespoons banana, mashed
 4.  1⁄ 2 tablespoon unsweetened almond milk
 5. 1 teaspoon walnuts, crushed
 6.  1⁄ 4 teaspoon banana extract
 7.  1⁄ 4 teaspoon zero-calorie sweetener
 8. Pinch of cinnamon
1
qo'shib qo'ydi

.innerHTML va .outerHTML xususiyatlarining kombinatsiyasidan foydalanishingiz mumkin. HTML namunangizdan foydalanib, buni amalga oshirishingiz mumkin:

var list = document.querySelector('ol');
list.innerHTML;
list.outerHTML;

List returns a DOM node, which has a children property. To access the 6th item in the

    list, you can just use:
    var 6thChild = list.children[5];
    6thChild.innerHTML;
    6thChild.outerHTML;
    
0
qo'shib qo'ydi

.innerHTML va .outerHTML xususiyatlarining kombinatsiyasidan foydalanishingiz mumkin. HTML namunangizdan foydalanib, buni amalga oshirishingiz mumkin:

var list = document.querySelector('ol');
list.innerHTML;
list.outerHTML;

List returns a DOM node, which has a children property. To access the 6th item in the

    list, you can just use:
    var 6thChild = list.children[5];
    6thChild.innerHTML;
    6thChild.outerHTML;
    
0
qo'shib qo'ydi

.innerHTML va .outerHTML xususiyatlarining kombinatsiyasidan foydalanishingiz mumkin. HTML namunangizdan foydalanib, buni amalga oshirishingiz mumkin:

var list = document.querySelector('ol');
list.innerHTML;
list.outerHTML;

List returns a DOM node, which has a children property. To access the 6th item in the

    list, you can just use:
    var 6thChild = list.children[5];
    6thChild.innerHTML;
    6thChild.outerHTML;
    
0
qo'shib qo'ydi

OP bu masalani so'radi.

Agar jQuery-ni istamasangiz, manba kodini ko'rib chiqing va o'ylaymanki funktsiyani qayta tiklashingiz kerak bo'ladi. Shuni esda tutingki, agar bu erda ishlayotgan bo'lsangiz, unda siz biroz jirkanch xatti-harakatlarga ega bo'lasiz, chunki qo'shiqchi skriptni va uslubni noto'g'ri joyga qo'shadi.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

console.log($("html").find("*").toArray()[0]);
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<div>
hello
</div>
</body>
</html>
</div> </div>
0
qo'shib qo'ydi

OP bu masalani so'radi.

Agar jQuery-ni istamasangiz, manba kodini ko'rib chiqing va o'ylaymanki funktsiyani qayta tiklashingiz kerak bo'ladi. Shuni esda tutingki, agar bu erda ishlayotgan bo'lsangiz, unda siz biroz jirkanch xatti-harakatlarga ega bo'lasiz, chunki qo'shiqchi skriptni va uslubni noto'g'ri joyga qo'shadi.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

console.log($("html").find("*").toArray()[0]);
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<div>
hello
</div>
</body>
</html>
</div> </div>
0
qo'shib qo'ydi

OP bu masalani so'radi.

Agar jQuery-ni istamasangiz, manba kodini ko'rib chiqing va o'ylaymanki funktsiyani qayta tiklashingiz kerak bo'ladi. Shuni esda tutingki, agar bu erda ishlayotgan bo'lsangiz, unda siz biroz jirkanch xatti-harakatlarga ega bo'lasiz, chunki qo'shiqchi skriptni va uslubni noto'g'ri joyga qo'shadi.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

console.log($("html").find("*").toArray()[0]);
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<div>
hello
</div>
</body>
</html>
</div> </div>
0
qo'shib qo'ydi

Agar siz har bir li tagga identifikator beradigan bo'lsangiz, buni amalga oshirishingiz mumkin, keyin jquery-ni ishlatib, tagdagi HTML-ni olasiz.

Misol uchun:

  • 1 12 tablespoons banana, mashed
  •  
    

    Va keyin jQuery bilan:

    var lineSix = $ ('# ingredient_6'). html ();

    0
    qo'shib qo'ydi

    Agar siz har bir li tagga identifikator beradigan bo'lsangiz, buni amalga oshirishingiz mumkin, keyin jquery-ni ishlatib, tagdagi HTML-ni olasiz.

    Misol uchun:

  • 1 12 tablespoons banana, mashed
  •  
    

    Va keyin jQuery bilan:

    var lineSix = $ ('# ingredient_6'). html ();

    0
    qo'shib qo'ydi

    Agar siz har bir li tagga identifikator beradigan bo'lsangiz, buni amalga oshirishingiz mumkin, keyin jquery-ni ishlatib, tagdagi HTML-ni olasiz.

    Misol uchun:

  • 1 12 tablespoons banana, mashed
  •  
    

    Va keyin jQuery bilan:

    var lineSix = $ ('# ingredient_6'). html ();

    0
    qo'shib qo'ydi
    NodeJS Uzbekistan
    NodeJS Uzbekistan
    152 ishtirokchilar

    Guruh NodeJS bo'yicha muloqot qilish uchun ochilgan. Sizni qiziqtirsa: @nodejs_uz @react_uz @angular_uz @yiiframework_uz @js_uzb @typescript_uzb @vuejs_uz @ngTashkent @laravel_uz @uzdevgroup Ish o'rinlari @UzDev_jobs

    Javascript UZB
    Javascript UZB
    99 ishtirokchilar

    @js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb