Member 13205250 Ответов: 2

Как изменить содержимое P-тега с помощью javascript?

Я хочу изменить содержимое двух P-тегов из четырех P-тегов.
Все теги p имеют один и тот же класс.
Я хочу изменить содержимое по имени класса.

Я попробовал использовать массив элементов списка.

Что я уже пробовал:

Я попытался найти список.

<!DOCTYPE html>




  • Чай
  • Чай
  • Чай
  • Чай


Попробовать это


функция myFunction() {
var list = document. getElementsByClassName ("пример") [0];
list. getElementsByClassName ("child") [0]. innerHTML = " молоко";
list. getElementsByClassName ("child") [2]. innerHTML = " Coffee";
}

Mehedi Shams

Привет Член 13205250,

Вы сказали, что все элементы абзаца используют один и тот же класс, но я вижу, что вы используете два класса - "пример" и "ребенок". Это сбивает с толку. Вы используете вложенные абзацы? Пожалуйста, опубликуйте свой HTML-код и объясните немного больше.

2 Ответов

Рейтинг:
2

Member 13154515 

var p = document.getElementsByTagName("p");
for(var i=0;i<p.length; i++) {
    if(p[i].innerHTML == "Tea") {
        p[i].innerHTML = "Milk";
        break;
    }
}


<pre>var p = document.getElementsByTagName("p");
for(var i=2;i<p.length; i++) {
    if(p[i].innerHTML == "Tea") {
        p[i].innerHTML = "Coffee";
        break;
    }
}

Рейтинг:
1

W∴ Balboos, GHB

Переосмыслите, как вы это делаете.

1-дайте свои идентификаторы элементов<p & gt;.
2 - getElementById("the_id_you_set"). innerHTML= 'кофе'
3-готово.

Работает практически для всех элементов.

Когда вы начинаете использовать AJAX, это становится необходимым.