Che cosa è innerHTML per gli elementi di input?

Sto solo cercando di fare questo da chrome console su Wikipedia. Sto mettendo il mio cursore nella barra di ricerca e poi cercando di fare document.activeElement.innerHTML += "some text" ma non funziona. Ho cercato su google e guardo le altre proprietà e gli attributi e non riusciva a capire quello che stavo facendo male.

Il activeElement selettore funziona bene, è selezionato l’elemento corretto.

Modifica: ho appena scoperto che è il value proprietà. Quindi vorrei cambiare quello che sto chiedendo. Perché non modifica innerHTML di lavoro per gli elementi di input? Perché hanno la proprietà se non riesco a fare nulla con esso?

  • Appena trovato, è il value proprietà. Ma andare avanti e rispondere comunque, forse può aiutare qualcun altro.
  • è possibile aggiungere come una risposta da te
  • È possibile rispondere alla vostra domanda, in realtà 🙂
  • Ulteriori informazioni possono essere trovate qui developer.mozilla.org/en-US/docs/Web/API/document.activeElement
  • Vedere la mia modifica! Ho cambiato la domanda.
  • Funziona bene su forme: jsfiddle.net/8x2aN.
  • ah, volevo dire input, che è il mio errore.
  • questo è stato molto utile. Sto avendo stesso problema nel 2019



10 Replies
  1. 28

    Impostazione del value è normalmente utilizzato per l’input/elementi del modulo. innerHTML è normalmente utilizzato per div, span, td ed elementi simili.

    value si applica solo agli oggetti che hanno l’attributo value (normalmente, controlli di modulo).

    innerHtml vale per ogni oggetto che può contenere HTML (div, span, ma molti altri, e anche i controlli del form).

    Non sono equivalenti o sostituibili. Dipende da cosa si sta cercando di ottenere

    • grande answr fr. Di mantenere il controllo. Il mio +1
    • qui è un esempio del valore in uso js: var a = document.getElementById('info'); a.value = 'the earth is round'; quindi nel tuo html: <input type="text" name="lname" id="info">
  2. 12

    Prima capire dove usare quello.

    <input type="text" value="23" id="age">

    Qui ora

    var ageElem=document.getElementById('age');

    Quindi, in questo ageElem si può avere che molte cose che elemento che contiene.Quindi, è possibile utilizzare la sua value,type ecc attributi. Ma non può usare innerHTML perché non scrivere nulla tra il tag di input

      <button id='ageButton'>Display Age</button>

    Così qui Display Age è innerHTML contenuto scritto all’interno di un tag HTML pulsante.

  3. 5

    Tramite innerHTML su un tag input sarebbe solo risultato a:

    <input name="button" value="Click" ... > InnerHTML Goes Here </input>

    Ma perché un tag input non ha bisogno di un tag di chiusura verrà reimpostato a:

    <input name="button" value="Click" ... />

    Quindi è probabile che il vostro browser è di applicare le modifiche e immediatamente ripristinare esso.

  4. 1

    Ogni elemento HTML è una proprietà innerHTML che definisce il codice HTML
    il codice e il testo che si verifica tra l’elemento di apertura e
    tag di chiusura. Cambiando un elemento innerHTML dopo qualche utente
    interazione, si può fare molto di più pagine interattive.

    JScript

    <script type="text/javascript">
    function changeText(){
        document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
    }
    </script>

    HTML

    <p>Welcome to Stack OverFlow <b id='boldStuff'>dude</b> </p> 
    <input type='button' onclick='changeText()' value='Change Text'/>

    Nell’esempio di cui sopra b tag è innerhtml e tizio è il suo valore, quindi, per modificare quei valori che ci hanno scritto una funzione in JScript

  5. 1

    innerHTML è una proprietà DOM per inserire il contenuto di un determinato id di un elemento. Esso è utilizzato in Javascript per manipolare il DOM.

    Per esempio:
    documento.getElementById(“esempio”).innerHTML = “la mia stringa”;

    In questo esempio viene utilizzato il metodo di “trovare” un elemento HTML (con id=”esempio”) e cambia il contenuto di un elemento (innerHTML) per “la mia stringa”:

    HTML
    Cambiare

    Javascript

    function change(){
      document.getElementById(“example”).innerHTML = Hello, World!”
    }

    Dopo aver cliccato il pulsante, Hello, World! verrà visualizzato perché innerHTML inserire il valore (in questo caso, Ciao, Mondo!!!) tra il tag di apertura e tag di chiusura con una id “esempio”.

    Quindi, se si ispezionare l’elemento dopo aver fatto clic sul pulsante, verrà visualizzato il seguente codice :

    <div id=”example”>Hello, World!</div>

    Che tutto

  6. 0

    innerHTML è una proprietà DOM per inserire il contenuto di un determinato id di un elemento. Esso è utilizzato in Javascript per manipolare il DOM.

    Esempio.

    HTML

    Cambiare

    Javascript

    function FunctionName(){
      document.getElementById(“example”).innerHTML = Hello, Kennedy!”
    }

    Su Clic del pulsante, Ciao, Kennedy! verrà visualizzato perché innerHTML inserire il valore (in questo caso, Ciao, Kennedy!) tra il tag di apertura e tag di chiusura con una id “esempio”.

    Così, di poter ispezionare l’elemento dopo aver fatto clic sul pulsante, si noterà che il codice riportato di seguito :

    <div id=”example”>Hello, Kennedy!</div>
  7. 0

    Utilizzare

    document.querySelector('input').defaultValue = "sometext"

    Tramite innerHTML non funziona per gli elementi di input e anche textContent

  8. 0
    <input id="input" type="number">
    
    document.getElementById("input").addEventListener("change", GetData);
    
    function GetData () {
      var data = document.getElementById("input").value;
      console.log(data);
      function ModifyData () {
        document.getElementById("input").value = data + "69";
      };
      ModifyData();
    };

    I miei commenti: Qui il campo di input funziona come ingresso e un display da cambiare .valore

  9. 0

    JS:

    var lat = document.getElementById("lat").value;
    lat.value = position.coords.latitude;

    HTML:

    <input type="text" id="long" class="form-control" placeholder="Longitude">
    <button onclick="getLocation()" class="btn btn-default">Get Data</button>

    Anzichè tramite InnerHTML Valore d’uso per i diversi tipi di input

Lascia un commento