stackoom
  简体   繁体   中英

how do i create a new DIV each time a button is clicked?

 原文  2020-04-29 03:19:59  4   1    javascript/ html

Question

i'm trying to create a DIV with 100x100 px and it shold be red, every time a button is clicked, i did this code but its not working:

    <html>
<title>
    create new div
</title>

<body>
<button id="createsquare">
Cria QUADRADO
</button>

<script>
function fcreatesquare()
{
var crsq = document.createElement('div', 'id=created', 'widght=100px', 'wheidght=100px','color=black');
return crsq;
}

    var createsquare = document.getElementById('createsquare');
    createsquare.onclick(fcreatesquare);
</script>
</body>

</html>

1 answers

solution1
 1  2020-04-29 03:23:08

Check out the appendChild function: https://www.w3schools.com/jsref/met_node_appendchild.asp

function fcreatesquare() {
var crsq = document.createElement('div', 'id=created', 'widght=100px', 'wheidght=100px','color=black');
document.getElementsByTagName("body")[0].appendChild(crsq);
}

暂无
暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question How to create a new div each time a button is clicked? JQuery - How to create a new draggable div each time a button is pressed how do i make a button generate a random number and each time the button is clicked a new number is generated and added to the previous number How to create new object and store the old in array each time when button clicked? OOP JavaScript How to create a reply button that displays for each button clicked one at a time Adding new div every time button is clicked How Do I make a <div> slide into view when a button is clicked? How do I show div when button is clicked? how do I select elements of same div as the button clicked how do I ignore div click when button is clicked?
Related Tags
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM