私の質問は単純だと思われますが、うまくいかなかったので、助けてください。bodyタグのjavascript関数を呼び出すことができません
身体タグのOnLoad
機能を使用してjavascript機能を呼び出していますが、それを機能させることはできません。以下は私のコードです。私が間違っているところで私を案内してください。
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>my test here</title>
<Style>
div.container {
width: 100%;
height: 100%;
border: 1px solid gray;
}
div.abc{
width: 100%;
border: 2px solid blue;
}
/* footer{
position: fixed;
bottom:0;
left:0;
height:30px;
width:100%;
background:#999;
/* display:flex;
flex-direction: column; */
} */
</Style>
</head>
<body onload="footer()">
<div class="container">
This is my first page;
</div>
<div id="footerpropeeties" class="abc">
<footer> footer here </footer>
</div>
</body>
<script type="text/javascript">
function footer(){
var elementstyle=document.getElementById("footerpropeeties").style;
elementstyle.position="fixed";
elementstyle.bottom=0;
elementstyle.left=0;
elementstyle.height=30px;
elementstyle.width="100%";
elementstyle.background="#999";
}
</script>
</html>
フッタタグを使って同じコードをCSSスタイルタグに書き込んでも、JavaScriptで同じことをすることはできません。
いくつかの条件を使用していくつかのプロパティを操作する必要があるため、コードを操作する必要があります。
''
でスクリプトを配置する必要がありますelementstyle.height=30px;
でありますか? –@AlexK。 - それのポイントは何ですか? – Quentin
@Sivaはブラウザのコンソールで表示され、コードにエラーが表示されます。 –