я совсем ещё зеленый в этой теме,подскажите пожалуйста.Как реализовать кнопку подробнее через js ,я хочу сделать так: overflow: hidden; при нажатии заменить на overflow: visible;
Возможно ли это как то сделать через js?
var info=document.getElementsByClassName("button_info")
var text_info=document.getElementsByClassName("text_none")
info.onclick = function ()
{
document.getElementByClassName('text_none').style.overflow="visible";
} (Этот код не работает,возможно я неправильно обращаюсь,или же вообще так делать нельзя?)C
Есть HTML код:
<div class="button_info ">Показать всё содержимое статьи:
</div>
<div class="text_none " > Текст,который будет не вмещаться в рамки <br>
Текст,который вмещается в рамки<br>
Текст,который вмещается в рамки<br>
Текст,который вмещается в рамки<br>
Текст,который вмещается в рамки<br>
Текст,который вмещается в рамки<br>
Текст,который вмещается в рамки<br>
Текст,который вмещается в рамки<br>
Текст,который не вмещался в рамки<br>
Текст,который не вмещался в рамки<br>
Текст,который не вмещался в рамки<br>
Текст,который не вмещался в рамки<br>
</div>
CSS-код:
.text_none
{
max-height: 150px;
max-width: 300px;
overflow: hidden;
border: 1px solid black;
}
.button_info
{
background-color: darkcyan;
color: white;
padding: 12px 16px;
font-size: 18px;
font-weight: bold;
border: none;
cursor: pointer;
width: 120px;
}