Changing css background with javascript

Question

I want to use js to change the background color that is set to white in the css. Not sure why nothing is happening.

.html

document.getElementById("invoice-box").style.background = "red";

.css

 .invoice-box { background: white; max-width:800px; margin:auto; padding:30px; border:1px solid #eee; box-shadow:0 0 10px rgba(0, 0, 0, .15); font-size:16px; line-height:24px; font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; color:#555;

.js

 document.getElementById("invoice-box").style.background = "red";

Answer 1

document.querySelector(".invoice-box").style.background = "red";

使用querySelector怎么样？

Answer 2

You have used getElementById which fetches html elements from Id, but you have defined invoice-box as class. Define it to id as well

<body>
<div class="invoice-box" id="invoice-box">
    <table cellpadding="0" cellspacing="0">
        <tr class="top">
            <td colspan="2">
                <table>
                    <tr>
                        <td class="title">
                            <img src="emoji.png" width="100">
                        </td>

Answer 3

If you can use jquery just do as sample

$('#element').css('background-color', '#ffffff')

Note: #ffffff = white color

Answer 4

您正在使用类并在javascript中调用ID，请使用代替类

Changing css background with javascript

Question

4 answers

solution1
1 2017-09-24 04:50:55

solution2
0 2017-09-24 04:50:02

solution3
0 2017-09-24 04:54:00

solution4
0 2017-09-24 04:57:19

Changing css background with javascript

Question

4 answers

solution1 1 2017-09-24 04:50:55

solution2 0 2017-09-24 04:50:02

solution3 0 2017-09-24 04:54:00

solution4 0 2017-09-24 04:57:19

solution1
1 2017-09-24 04:50:55

solution2
0 2017-09-24 04:50:02

solution3
0 2017-09-24 04:54:00

solution4
0 2017-09-24 04:57:19