html+javascript:
需要在页面加载后
onload:
<html>
<title>
<script type="text/javascript">
function addClass(){
/*
* 更改poem-stanza样式
*/
}
</script>
</title>
<body onload="addClass()">
<div id="poem-stanza">poem-stanza</div>
</body>
</html>
Jquery:
<html>
<script type="text/javascript">
$(document).ready(function(){
$(".poem-stanza").addClass("highlight");
});
</script>
<body >
<div class="poem-stanza">poem-stanza</div>
</body>
</html>
$(document).ready() 的结构预定DOM加载完成后(不必等待图片加载完成)触发的函数调用。
且这种技术不用修改html文件,只在javascript内部进行修改。
$(document).ready(function() {
$('.poem-stanza').addClass('highlight');
});