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

-2

В настоящее время я работаю над простой задачей, изменяя ширину и высоту идентификатора div с помощью javascript. Это мой код, и я просто не могу заставить его работать. Есть что-то, что я забываю добавить?Изменение ширины и высоты с помощью 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'; 
}

источник

2016-10-13 Marie

Проблема в ссылаюсь сценарий, он не имеет > тег

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

DEMO

источник

2016-10-13 02:32:20 Sajeetharan

спасибо за ответ! У меня действительно есть это в моем исходном коде, просто пропустил его здесь. Сожалею! У вас есть другие возможные идеи относительно того, почему он работает неправильно? – Marie

@Marie проверить демо – Sajeetharan

О, я вижу сейчас, большое вам спасибо за помощь! – Marie

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

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

источник

2016-10-13 02:42:45

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

ответ

Смежные вопросы