JavaScript Fetching Html Li Text Content ⇐ Javascript

[Anonymous]

Я работаю над проектом API, и мне нужно собрать содержимое Li , используя мой JavaScript. Может быть множество этих Li 's
my html (всего лишь небольшой раздел)

Код: Выделить всё

Click me to see what rooms your in
[list]

[/list]

< /code>
my javascript (не все) < /p>
const roomsListR = document.querySelector('#roomsList');

const delRoomButTEMPLATE = document.createElement('button')
delRoomButTEMPLATE.classList.add('deleteRoomBtn');
delRoomButTEMPLATE.innerHTML = `Leave this room`;

const fetchRoomsAndProcess = async (event) => {
console.log('fetching rooms')
event.preventDefault();

const response = await fetch('/getRooms');
const jsonResponse = await response.json();
const result = jsonResponse.result

// Preparatory clean of the rooms list
roomsListR.innerHTML = ``

for (let i = 5; i != 0; i--) {
let currentRoom = result.splice(0, 1)
let currentRoom2 = currentRoom[0]
let currentRoom3 = currentRoom2['roomname']
console.log('currentRoom3 : ', currentRoom3);

// Now do the stuff with currentRoom
const li = document.createElement('li');
li.innerHTML = `${currentRoom3} ${delRoomButTEMPLATE.outerHTML}`

li.addEventListener('click', (event) => {
console.log('button clicked.')
const parent = event.target.parentNode
console.log(parent.innerHTML)
})

roomsListR.appendChild(li)

if (result.length == 0) {
break
}
}

}

Синтаксис: li.textcontent не работает, поскольку возвращает текстовое содержимое элемента кнопки внутри него. li.innertext по какой -то причине делает то же самое. И li.innerhtml включает тег, который не то, что я хочу.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... xt-content