使用javascript更改css背景

我想使用js更改在css中設置爲white的background顏色。不知道爲什麼沒有發生。使用javascript更改css背景

的.html

<body> 
    <div class="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>

的.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";

來源

2017-09-24 Stace

您已經使用getElementById它取HTML元素的ID，但你已經定義invoice-box爲類。它定義了id以及

<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>

來源

2017-09-24 04:50:02

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

如何使用querySelector？

來源

2017-09-24 04:50:55 zynkn

如果你可以使用jQuery只做爲樣本

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

注：#ffffff =白色

來源

2017-09-24 04:54:00 user3608996

您使用類並調用ID在JavaScript，而不是使用

類

來源

2017-09-24 04:57:19

使用javascript更改css背景

回答

相關問題