Home/ Questions/Q 7784005
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T20:00:46+00:00

my page is full of php-generated content split in div’s that have the same

  • 0

my page is full of php-generated content split in div’s that have the same class but no id’s. I want to show some buttons that allow me to manage, change and delete the div’s; the buttons should be able to change the class, delete the div and select the content of the div.
How can I do this? is there a way to set the button’s onclick action to something, say … onclick=”changetheclass(this)” that would actually change the class of the div containing this button?

Man I feel I’m not making any sense here 🙁
Did anyone understand what I’m talking about? If so, is there any possibility to do this?
Thanks in advance!
🙂

EDIT: this is one of the divs, so that you could understand what I’m talking about:

    <div class="box"><p>
    this is the content of the div
    <button onclick="change_the_class(this_div_or_something)">click here to change the class of the div</a>
    <button onclick="select_the_content(this_div_or_something)">click here to change the class of the div</a>
    <button onclick="delete_the_whole_div(this_div_or_something)">click here to change the class of the div</a>
</p></div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Is this what you looking for ??

    <html>
    <head>
        <script type="text/javascript">
           function changeClass(elm) {
               elm.parentNode.className ='newcss';
           }

           function deleteDiv(elm) {
               var par = elm.parentNode;
               var gran = par.parentNode;
               gran.removeChild(par);
           }
        </script>
    </head>
    <body>
        <div class='test'>
            Hello
            <button onclick="javascript:changeClass(this);" value="Change CSS">CSS</button>
            <button onclick="javascript:deleteDiv(this);" value="Change CSS">Delete</button>
        </div>
        <div class='test'>
            Hello
            <button onclick="javascript:changeClass(this);" value="Change CSS">CSS</button>
            <button onclick="javascript:deleteDiv(this);" value="Change CSS">Delete</button>
        </div>
        <div class='test'>
            Hello
            <button onclick="javascript:changeClass(this);" value="Change CSS">CSS</button>
            <button onclick="javascript:deleteDiv(this);" value="Change CSS">Delete</button>
        </div>
        <div class='test'>
            Hello
            <button onclick="javascript:changeClass(this);" value="Change CSS">CSS</button>
            <button onclick="javascript:deleteDiv(this);" value="Change CSS">Delete</button>
        </div>
    </body>
</html>
    • 0