<html>
<head><style>
p { border: 1px solid red; }
#foo { border: 10px solid green; }
</style>
</head>
<p>
I should be surrounded by a thick green border.
</p>
<script>
document.getElementsByTagName("p")[0].id = 'foo';
</script>