Блог

Главная - Вопросы по программированию - Изменение ширины и высоты с помощью Javascript

Изменение ширины и высоты с помощью Javascript

#javascript #html

#javascript #HTML

Вопрос:

В настоящее время я работаю над простой задачей, изменяя ширину и высоту идентификатора div с помощью javascript. Это мой код, и я просто не могу заставить его работать. Есть ли что-то, что я забыл добавить?

HTML:

 <!doctype html>
<html>
<head>
</head>
<body>

<div id="box">
    Hello!
</div>

<script src="main.js"</script>
</body>
</html>

Javascript:

 function changeSize() {
document.getElementById('box').setAttribute("style","display:block;width:300px;background-color:blue;");
document.getElementById('box').style.width='300px';
}

Ответ №1:

Проблема при ссылке на ваш скрипт, у него нет > тега

 <script src="main.js"> </script>

ДЕМОНСТРАЦИЯ

Комментарии:

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

2. @Marie проверьте демонстрацию

3. мар в качестве ответа, если бы это помогло

Ответ №2:

Вы никогда не вызываете саму функцию…

Вам нужно вызвать его после загрузки скрипта или преобразовать его в анонимную функцию вот демонстрация