it-swarm.com.ru

Что такое innerHTML на элементах ввода?

Я просто пытаюсь сделать это из консоли Chrome в Википедии. Я помещаю курсор в строку поиска, а затем пытаюсь выполнить document.activeElement.innerHTML += "some text", но это не работает. Я гуглил вокруг и смотрел на другие свойства и атрибуты и не мог понять, что я делаю неправильно.

Селектор activeElement работает нормально, он выбирает правильный элемент.

Правка : Я только что обнаружил, что это свойство value. Поэтому я хотел бы изменить то, что я спрашиваю. Почему не изменение innerHTML работает на элементах ввода? Зачем им эта собственность, если я ничего не могу с ней сделать?

17
temporary_user_name

Установка value обычно используется для элементов ввода/формы. innerHTML обычно используется для элементов div, span, td и аналогичных.

value применяется только к объектам, которые имеют атрибут value (обычно это элементы управления формой).

innerHtml применяется к каждому объекту, который может содержать HTML (div, span, но многие другие, а также элементы управления формы).

Они не являются эквивалентными или заменяемыми. Зависит от того, что вы пытаетесь достичь

21
Ajith S

Сначала поймите, где что использовать.

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

Здесь и сейчас 

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

Таким образом, в этом ageElem вы можете иметь столько всего, что содержится в этом элементе. Так что вы можете использовать его атрибуты value, type и т.д. Но не могу использовать innerHTML, потому что мы ничего не пишем между тегами ввода

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

Итак, здесь Display Age - это содержимое innerHTML, как оно написано внутри кнопки HTML-тега.

11
Shoaib Chikate

Использование innerHTML для входного тега приведет к следующему: 

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

Но поскольку входной тег не нуждается в закрывающем теге, он будет сброшен до:

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

Так что, скорее всего, ваши браузеры применяют изменения и сразу же сбрасывают их. 

4
Jeroen Bollen

вы имеете в виду что-то вроде этого:

$('.activeElement').val('Some text');
4
Hans Preutz

innerHTML - это свойство DOM для вставки содержимого в указанный идентификатор элемента. Он используется в Javascript для управления DOM.

Например: Document.getElementById ("пример"). InnerHTML = "моя строка";

В этом примере метод используется для «поиска» HTML-элемента (с id = «example») и изменения содержимого элемента (innerHTML) на «my string»:

HTML + Изменить

Javascript

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

После того как вы нажали кнопку Привет, мир! появится, потому что innerHTML вставит значение (в данном случае Hello, World!) между открывающим и закрывающим тегами с идентификатором «example».

Итак, если вы осмотрите элемент после нажатия кнопки, вы увидите следующий код:

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

Это все

1
K. Oyoo

Каждый элемент HTML имеет свойство innerHTML, которое определяет оба HTML код и текст, который находится между открытием этого элемента и закрывающий тег Изменяя innerHTML элемента после некоторого пользователя взаимодействие, вы можете сделать гораздо больше интерактивных страниц.

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'/>

В приведенном выше примере тег b является innerhtml, а dude является его значением, поэтому для изменения этих значений мы написали функцию в JScript.

1
Amarnath Balasubramanian

innerHTML - это свойство DOM для вставки содержимого в указанный идентификатор элемента. Он используется в Javascript для управления DOM. 

Пример .

HTML

+ Правка

Javascript

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

На кнопку Нажмите, Привет, Кеннеди! появится, потому что innerHTML вставит значение (в данном случае Hello, Kennedy!) между открывающим и закрывающим тегами с идентификатором «example».

Итак, осмотрев элемент после нажатия кнопки, вы заметите следующий код:

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

Использование

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

Использование innerHTML не работает с элементами ввода, а также с textContent

0
Ching liu