2

Привязка js

<script type="text/javascript" src="script/js.js"></script>

Button

<button onclick="showText(this)">Read More...</button>

JS

function showText (el) {
    if(el.previousElementSibling.clientHeight == 80) {
        el.previousElementSibling.style.height = "100%";
        el.innerHTML = "ShowLess...";
    } else {
        el.previousElementSibling.style.height = "80px";
        el.innerHTML = "Read More...";
    }

Ошибка в консоле:

js.js:8 Uncaught SyntaxError: Unexpected end of input 3index.html:53 Uncaught ReferenceError: showText is not definedonclick @ index.html:53 9index.html:77 Uncaught ReferenceError: showText is not definedonclick @ index.html:77

1
  • Ошибка в консоле js.js:8 Uncaught SyntaxError: Unexpected end of input 3index.html:53 Uncaught ReferenceError: showText is not definedonclick @ index.html:53 9index.html:77 Uncaught ReferenceError: showText is not definedonclick @ index.html:77
    – bluray
    27 сен 2016 в 15:19

1 ответ 1

2

В приведенном коде все верно, за исключением того, что в конце JS не хватает закрывающейся фигурной скобки.

function showText(el) {
  if (el.previousElementSibling.clientHeight == 80) {
    el.previousElementSibling.style.height = "100%";
    el.innerHTML = "ShowLess...";
  } else {
    el.previousElementSibling.style.height = "80px";
    el.innerHTML = "Read More...";
  }
}
<div style="background: red">ololo</div>
<button onclick="showText(this)">Read More...</button>

Так же было бы не плохо проверять, что previousElementSibling существует

if(!el.previousElementSibling) {
   return
}
2
  • Скобка в конце всё решила -_- Пол часа сидел, не мог понять... Спасибо.
    – bluray
    27 сен 2016 в 15:53
  • @bluray отлично, ну тогда примите как ответ ;) 27 сен 2016 в 16:11

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.