Tento příspěvek uvádí metodu pro nalezení ID objektu v poli objektů JavaScriptu.
Co je metoda append() v JavaScriptu?
' připojit() ” metoda v JavaScriptu se používá pro vkládání prvků nebo řetězcových objektů na konec prvku. Toto je jedna z nejužitečnějších metod, jak přidat požadovaný prvek na zadanou pozici na konci prvku.
Jak používat metodu append() v JavaScriptu?
Chcete-li použít funkci append() v JavaScriptu, postupujte podle níže uvedené syntaxe:
$ ( volič ) . připojit ( obsah, funkce ( index, html ) )
Tady:
- “ volič ” je prvek HTML, ke kterému se přistupuje.
- “ připojit() ” metoda se používá k připojení prvku.
- “ obsah ” je povinný parametr, který určuje obsah dat k připojení.
- “ funkce() “ je volitelný prvek.
Příklad 1: Připojit stejný prvek v odstavci
Chcete-li přidat stejné prvky do odstavce, nejprve otevřete příslušnou stránku HTML a použijte „ ” pro vložení dat mezi značku. Dále přiřaďte „ id ” do odstavce pro přístup v JavaScriptu:
< p id = 'živel' > Vítejte v Linuxhintu p >
Dále vytvořte tlačítko pomocí „
Nyní použijte „ ” pro přidání kódu JavaScript:
< skript >
$ ( dokument ) . připraven ( funkce ( ) {
$ ( '.btn' ) . klikněte ( funkce ( ) {
$ ( '#živel' ) . připojit ( 'Připojit text po kliknutí na tlačítko' ) ;
} ) ;
} ) ;
skript >
Podle zadaného kódu:
- “ připraven() ” metoda se používá pro zpřístupnění funkce, když je dokument úspěšně načten na obrazovku. Chcete-li tak učinit, předejte „ funkce() ” metoda jako parametr.
- “ klikni() ” metoda vyvolá, když uživatel klikne na prvek tlačítka HTML. Tato metoda určuje provedení kliknutí, když uživatel stiskne tlačítko.
- “ připojit() ” metoda vloží sadu objektů po provedení “ klikni() “ metoda. Za tímto účelem předejte text, který je třeba připojit.
Výstup
Příklad 2: Připojení různých prvků ve formuláři seznamu
Různé prvky můžete připojit ve formě seznamu. Chcete-li to provést, vytvořte stránku HTML a vložte text pomocí „ značka ”:
< p id = 'připojit' > Připojit JavaScript ( ) Funkce p > Vytvořte tlačítko pomocí „
Vytvořte kontejner div a přiřaďte tomuto kontejneru ID pomocí „ id ' atribut. Dále přidejte prvky pomocí „ značka ”:
< div id = 'více prvků' >< p > Živel 1 p >
< p > Živel 2 p >
div >
Dále bylo použito „ ” a mezi značku přidejte následující kód:
< skript >var ElementNumber = 3 ;
funkce func ( ) {
byl rodič = dokument. getElementById ( 'více prvků' ) ;
byl novýElement = '
Element'
+ ElementNumber + '' ;rodič. insertAdjacentHTML ( 'před' a Element ) ;
ElementNumber ++;
}
skript >
Ve výše uvedeném kódu:
- Deklarujte proměnnou pomocí „ byl ” a přiřaďte mu hodnotu podle vašich preferencí.
- Definujte funkci a inicializujte další proměnnou uvnitř definované funkce s konkrétním názvem.
- Poté vyvolejte „ getElementById() ” JavaScript metoda pro přístup k prvku a předání hodnoty id jako parametru.
- “ insertAdjacentHTML() ” metoda se používá pro přidání kódu HTML na zadanou pozici a přidání prvku vedle sebe.
- Pomocí operátoru přírůstku proveďte přírůstek v prvku:
Na různých příkladech jste se dozvěděli o použití metody append() v JavaScriptu.
Závěr
“ připojit() ” je metoda JavaScriptu, která se používá pro vkládání prvku a objektů na konec definovaného prvku. Můžete připojit stejný prvek a různé prvky ve formě odstavců a seznamů. Přesněji řečeno, může být spuštěn kliknutím na tlačítko. Tento příspěvek demonstroval metodu append() v JavaScriptu.