簡體   English   中英

使用JavaScript更改CSS背景

[英]Changing css background with javascript

我想使用js更改在CSS中設置為whitebackground顏色。 不知道為什么什么也沒發生。

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"; 
document.querySelector(".invoice-box").style.background = "red";

使用querySelector怎么樣?

您已使用getElementById從ID提取html元素,但已將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>

如果可以使用jQuery,請作為示例

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

注意: #ffffff =白色

您正在使用類並在javascript中調用ID,請使用代替類

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM