[英]Changing css background with javascript
我想使用js更改在CSS中設置為white
的background
顏色。 不知道為什么什么也沒發生。
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.