Javascript appendChild добавляет два br-тега в Nokiabrowser 7.3.1.33

Question

У меня странная проблема с NokiaBrowser 7.3.1.33. Когда я использую Javascript's appendChild, он автоматически добавляет два br-тега после добавленного элемента.

var span1 = document.createElement("span");
span1.innerHTML = "span1";

var span2 = document.createElement("span");
span2.innerHTML = "span2";

var div = document.createElement("div");
div.appendChild(span1);
div.appendChild(span2);

var body = document.getElementsByTagName("body");
body.appendChild(div);

Это создаст следующий HTML:

<div>
  <span>span1</span>
  <br>
  <br>
  <span>span2</span>
  <br>
  <br>
</div>

Мне удалось сделать это только на Nokia C5-03 с NokiaBrowser 7.3.1.33. Есть ли обходной путь для этого?

Answer 1

У меня была такая же проблема с этим браузером. Я никогда не знал, что это за пустое пространство после добавленных элементов, я потратил много часов, пытаясь понять это. Теперь, из вашего вопроса, я знаю, что это <br>, Большое спасибо:)

С этой информацией я сделал обходной путь: после добавления элемента удалите эти теги переноса строки с помощью простой команды после добавления:

$('#something').append('anything');
$('#something br').remove();

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

Я надеюсь, что это помогает.

KJ