JS element domu

pytanie zadane 10 grudnia 2019 w JavaScript przez michal_php Stary wyjadacz (13,700 p.)

Cześć.

Mam pytanie odnośnie elementu DOM.Czemu jak za pomocą js wstawię jakiś np:

<input type="text" id="test" name="test2" />

I coś do niego wpiszę i chcę z niego pobrać zawartość to nie widzi tego elementu ?

1 odpowiedź

odpowiedź 10 grudnia 2019 przez DawidK Nałogowiec (37,910 p.)

Chodzi Ci o pobranie wartości (value) z inputa?

możesz to zrobić po prostu za pomocą element.value

Poniżej jest przykład przepisywania wartości z inputa do paragrafu przy naciśnięciu klawisza:

index.html ( z JS)

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Value z inputa</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
</head>
<body>
    <input type="text" id="test" name="test2"/>
    <p>Tekst z inputa:</p>
    <p id='result'></p>
    
    <script>
        const testText = document.querySelector('#test');
        const result = document.querySelector('#result');

        testText.addEventListener('keyup',showText, false);

        function showText() {
            result.innerHTML = testText.value;
        }

    </script>
</body>
</html>

komentarz 10 grudnia 2019 przez michal_php Stary wyjadacz (13,700 p.)

Nie chodzi mi o to, że naprzyład po naciśnięciu jednego button usuwam input o pewnych wartościach. A za pomocą innego Button dodaje spowrotem ten sam Input. I teraz jak dodma jeszcze raz ten sam Input to

console.log(document.querySelector('name="test"');

To pokazuje mi już w tedy null

komentarz 10 grudnia 2019 przez DawidK Nałogowiec (37,910 p.)

Można zrobić jakąś zmienną lub obiekt przechowujący zapisane wartości (value) z inputa. Wtedy jednym przyciskiem tworzysz input a przy naciśnięciu drugiego zapisujesz wartość do tej zmiennej i dopiero go usuwasz. Przyciski sterowane przez disabled true/false.

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Value</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
</head>
<body>
    <button id='add-button'>dodaj input</button>
    <button id='remove-button' disabled>usuń input</button>
    <div id='container'>
    </div>
    <p>Tekst z inputa:</p>
    <p id='result'></p>

    
    <script>
        const addButton = document.querySelector('#add-button');
        const removeButton = document.querySelector('#remove-button');
        const container = document.querySelector('#container');
        const result = document.querySelector('#result');

        const savedInput = {
            inputValue: ''
        }

        addButton.addEventListener('click',addInput,false);
        removeButton.addEventListener('click',removeInput,false);

        function addInput() {
            const newInput = document.createElement('input');
            
            newInput.type = 'text';
            newInput.id = 'test';
            newInput.name = 'test2';
            newInput.value = savedInput.inputValue;
            newInput.addEventListener('keyup',showText, false);
            container.appendChild(newInput);

            addButton.disabled = true;
            removeButton.disabled = false;

        }

        function removeInput() {
            savedInput.inputValue = document.querySelector('#test').value;
            while (container.firstChild) {
                container.removeChild(container.firstChild);
            }
            addButton.disabled = false;
            removeButton.disabled = true;
        }

        function showText() {
            result.innerHTML = document.querySelector('#test').value;
        }

    </script>
</body>
</html>

Pozatym Twój input ma name test2 ;)

document.querySelector('[name="test2"]')

Podobne pytania

0 głosów

2 odpowiedzi 177 wizyt

Elementy DOM'u, js.

pytanie zadane 26 listopada 2018 w JavaScript przez Apper97 Obywatel (1,380 p.)

+1 głos

3 odpowiedzi 118 wizyt

Sprawdzenie czy dany element HTML ma element potomny

pytanie zadane 22 czerwca 2021 w JavaScript przez ITshnyk Obywatel (1,800 p.)

0 głosów

1 odpowiedź 341 wizyt

Zadanie DOM JS

pytanie zadane 8 lipca 2017 w JavaScript przez Dorian Bajorek Dyskutant (7,920 p.)

JS element domu

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci