Bu gönderi, dizeleri özel HTML varlıklarıyla çözmenin doğru yolunu size bildirecektir.
İçinde Özel HTML Varlıkları Olan Bir Dizinin Kodunu Çözmenin Doğru Yolu Nedir?
İçinde özel HTML varlıkları bulunan bir dizenin kodunu çözmek için aşağıdaki yöntemleri kullanın:
Yöntem 1: “textarea” Öğesini Kullanarak İçinde Özel HTML Varlıkları Olan Bir Dizinin Kodunu Çözün
HTML'yi kullanın '
Örnek
Bir değişken oluşturun ' kodlanmışDize ”, içinde özel HTML varlıkları içeren bir dize saklar:
sabit kodlanmışDize = '<div>Linuxhint'e Hoş Geldiniz!</div>' ;
Kodlanmış dizeyi konsolda yazdırın:
konsol. kayıt ( 'Kodlanmış Dizi: ' + kodlanmışDize ) ;Bir HTML öğesi oluşturun ' metin alanı ' kullanmak ' öğe oluştur() ' yöntem:
sabit metin alanı = belge. öğe oluştur ( 'metin alanı' ) ;
Kodlanmış dizgiyi ' kullanarak textarea'ya iletin. içHTML ' mülk:
metin alanı. içHTML = kodlanmışDize ;Şimdi, kodu çözülmüş dizgiyi “ kullanarak alın. değer ” textarea'nın özniteliği ve onu bir değişkende saklayın” decodedString ”:
sabit decodedString = metin alanı. değer ;Son olarak, kodu çözülmüş dizeyi konsolda “ kullanarak görüntüleyin. konsol.log() ' yöntem:
konsol. kayıt ( 'Kodu Çözülmüş Dizi: ' + decodedString ) ;Çıktı, özel HTML varlıkları içeren dizenin kodunun başarıyla çözüldüğünü gösterir:
Yukarıdaki yaklaşım basit ve açıktır ve basit senaryolar için uygundur. Karmaşık HTML yapılarını işlemeye çalışırsanız başarısız olur. Bunun için “parseFromString()” Yöntemini kullanın.
Yöntem 2: “parseFromString()” Yöntemini Kullanarak İçinde Özel HTML Varlıkları Olan Bir Dizinin Kodunu Çözün
Özel HTML varlıklarına sahip bir dizenin kodunu çözmenin başka bir yolu da “ ayrıştırmakFromString() ' yöntem. Bu önceden oluşturulmuş bir yöntemdir “ DOMParser ' nesne. Bir XML veya HTML dizesini ayrıştırmaya ve ardından ondan yeni bir DOM belge nesnesi oluşturmaya yardımcı olur.
Örnek
İlk olarak, “ için yeni bir nesne oluşturun. DOMParser ' kullanmak ' yeni ” anahtar kelime:
sabit ayrıştırıcı = yeni DOMParser ( ) ;Ara ' ayrıştırmakFromString() ” yöntemi ve parametreleri iletin” kodlanmış dizi ” karmaşık bir HTML yapısı olarak ve “ metin/html ”. Yönteme, kodlanmış dizeyi HTML olarak ele almasını söyler. Kullan ' Metin içeriği ” kodu çözülmüş dizeyi almak için body öğesinin özelliği:
sabit decodedString = ayrıştırıcı. dizeden ayrıştırma ( ` doktip html >< vücut > $ { kodlanmışDize } ` , 'metin/html' ) . vücut . Metin içeriği ;Kodu çözülmüş dizeyi konsolda yazdırın:
konsol. kayıt ( 'Kodu Çözülmüş Dizi: ' + decodedString ) ;Çıktı
Özel HTML varlıklarıyla bir dizenin kodunu çözmekle ilgili tüm temel talimatları sağladık.
Çözüm
İçinde özel HTML varlıkları içeren bir dizenin kodunu çözmek için, ' HTML öğesini kullanın. metin alanı ' ya da
“ ayrıştırmakFromString() ' yöntemi' DOMParser ' nesne.