How to use CSS with javascript

Question

I'm using PHP to return data from my database and then using javascript to allow the person to add it. And I can't make a div change its background color and add borders etc.

<div class="selectedStuff"></div>
<script type="text/javascript">
   $('#addButton').on('click', function( event ) {
        $('.selectedStuff').append($('#search_term').val() + '<br>'); 
   });          
</script>
<style type="text/css">
   .selectedStuff{
       background-color: yellow;
       margin-top: 50px;
   }
</style>

Any help on this matter would be great

Use the .css() methods on your divHolder

Pieter De Clercq
– Pieter De Clercq

2016-03-12 12:12:53 +00:00
Commented Mar 12, 2016 at 12:12 — Pieter De Clercq
– Pieter De Clercq, Commented Mar 12, 2016 at 12:12

Aju John · Accepted Answer · 2016-03-12 12:14:52Z

2

$('#addButton').on('click', function( event ) {
                var searchedValue = $('#search_term').val(); 
                var divHolder = $('.selectedStuff'); 
                divHolder.append(searchedValue + '<br>').css({
                    'background-color': 'yellow',
                    'margin-top': '50px'
               }); 
           });

edited Mar 12, 2016 at 12:14

answered Mar 12, 2016 at 12:11

Aju John

2,2441 gold badge14 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Nevershow2016 Over a year ago

Ye just spotted it :0 perfect x

user663031 Over a year ago

Why would you replace perfectly good CSS with the old-fashioned jQuery approach of applying styles directly to elements? Why doesn't the OP's CSS work?

Collectives™ on Stack Overflow

How to use CSS with javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related