функция javascript для изменения innerHTML тега деления

Question

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

код, который я использую, выглядит следующим образом

для ($ I = 0; $ я». .Mysql_result ($ кошка, $ я, 0) "
"; }

Я беру категории из моей базы данных и создаю ссылки для каждой из них.

функция phpload (нажата) { if (clicked.name == 'php') {alert ('hello'); document.getElementsByClassName ( 'содержание'). innerHTML = ' привет PHP '; } }

и моя страница, т.е. раздел содержимого, выглядит следующим образом!

> <section class="content">
> 
> </section>

Answer 1

У вас есть несколько делений, которые вы хотите изменить?Если нет, вы должны использовать идентификатор, а не класс.Класс предназначен для изменения нескольких элементов одновременно.Попробуйте что-то вроде этого:

div:

<div id="content"></div>

Кнопка:

<input type = "button" value = "Update PHP" onclick = "phpLoad()"/>

Сценарий:

function phpLoad() {
   document.getElementById("content").innerHTML = "whatever you want";
}

Answer 2

document.getElementsByClassName() возвращает коллекцию elementS.

Попробуйте document.getElementsByClassName('content')[0].innerHTML или просто добавьте идентификатор и используйте document.getElementByID().

Answer 3

<div id="div1"> </div>

 var v = document.getElementById("div1");
            v.innerHTML = "Hello PHP";