26 lines
606 B
HTML
26 lines
606 B
HTML
<html>
|
|
<body>
|
|
<script>
|
|
function changeAttr(){
|
|
let el = document.getElementById("shape");
|
|
el.setAttribute("style", "background-color:red;border:1px solid black");
|
|
el.setAttribute("id", "new");
|
|
el.setAttribute("class", "circle");
|
|
|
|
}
|
|
</script>
|
|
<style>
|
|
div {
|
|
height: 100px;
|
|
width: 100px;
|
|
background-color: yellow;
|
|
}
|
|
.circle {
|
|
border-radius: 50%;
|
|
}
|
|
</style>
|
|
<div id="shape" class="square"></div>
|
|
|
|
<button onclick="changeAttr()">Change attributes...</button>
|
|
</body>
|
|
</html> |