Есть ли способ найти идентификатор элемента LAST в DIV, используя Javascript?

Question

Я думаю, что мне нужно найти идентификатор последнего элемента в моем div, чтобы я мог добавить элемент ul после него, используя javascript.Причина этого в том, что существующий / последний ul в моем div генерируется динамически, поэтому его id может быть любым.

Я попытался просто добавить элемент в контейнер div, используя следующий код, ожидая, что он добавитэто в конце ..

var container = document.getElementById("container");
var newUL = document.createElement("ul");
container.appendChild(newUL);
newUL.innerHTML = 'Hello';

Но это по какой-то причине добавляет новый ul за пределы моего контейнера div.кто-нибудь знает, почему это произошло?но также как найти идентификатор последнего элемента, чтобы я мог добавить его после последнего элемента?Спасибо.

Answer 1

container.lastElementChild.id 

Но я думаю, вам нужно найти настоящую проблему. UL не может содержать текст. Он может содержать только li-элементы.

Answer 2

Самый простой способ - использовать такую ​​среду Javascript, как jQuery , для решения этой проблемы.

jQuery позволит вам ответить на вашу ситуацию с помощью этого простогокод:

$('#container').append(
  $('<ul></ul>').text('Hello')
);

РЕДАКТИРОВАТЬ: Принял во внимание комментарий arnaud576875.

Answer 3

Вы устанавливаете innerHTML элемента ul в простую строку: 'Hello';это противоречит правилам.Возможно, лучшим тестом было бы добавить несколько элементов li:

newUl.innerHTML = "<li>One</li><li>Two</li>";