2016-03-28 2 views
1

Это самый простой пример я создал, и это не работает, т.е. 11 :( Он буквально не позволит мне ввести в ввод текста!текст ввода не может быть введен в текст, т.е. 11, если он создан с использованием javascript! :(

<!DOCTYPE html> 
<html> 
<body> 

<script type='text/javascript'> 
var text = document.createElement('input'); 
text.type = 'text'; 
document.documentElement.appendChild(text); 
</script> 
</body> 
</html> 

Как я могу обойти эту смешную ошибку? Я строю сложный веб-сайт, который генерирует большую часть HTML с использованием JavaScript.

+0

Добро пожаловать в StackOverflow. Пожалуйста, посмотрите, как задать вопрос, используя минимальный, завершающий, проверяемый пример. (Http://stackoverflow.com/help/mcve) – user2807083

+1

, что является минимальным. –

ответ

0

там были ... Я должен был заставить фокус на входе.

$("input").click(function(){ $(this).closest('input').focus()}) 
+0

трудно поверить, не так ли! Я провел утро, пытаясь обойти еще одну ошибку со столами в firefox. Но это! Смешно, что что-то настолько простое не работает правильно, во всяком случае, спасибо, что просто попробовал! –

+0

не работает для меня :( –

+0

ОК это действительно работает, когда сделано на событие click. Проблема заключалась в том, что событие click не срабатывало, мне пришлось использовать addEventListener, то есть. –

1

document.documentElement будет вашей html-страницей, и вы пытаетесь добавить элемент в качестве родного брата в innerHTML documentElement.

вместо documentElement использование body:

var text = document.createElement('input'); 
 
text.type = 'text'; 
 
document.body.appendChild(text);

+0

не может действительно это сделать. Проблема связана с множеством уровней от documentElement. Я использую documentElement по другим причинам. –

+0

@sfdsfdsfdsfdsfdsfd вам нужно поместить все элементы в тег тела. 'document.documentElement' - это сам документ. что сделает его недействительным. – Jai

+0

ОК, поэтому я попробовал. Он работает на уровне document.body, но не работает над текстом ввода, вложенным в родительские div. Это фактический сайт, если вы хотите увидеть, что я имею в виду: 86.171.165.12 –

Смежные вопросы