Question

如果我有一个元素，其中通过HTML设置背景颜色，如下所示：

<div id='foo' bgcolor='red'/>

如何通过jquery获取背景颜色？如果我尝试$('#foo').css( "background-color");，它将返回rgba（0,0,0,0），我认为这是因为它正在寻找CSS，但这是在html中设置的。

Answer 1

使用jQuery attr（）函数。

let color = $('#foo').attr( "bgcolor");
alert(color);

<div id="foo" bgcolor="red"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

function myFunction() {
    console.log( document.getElementById("demo").getAttribute("bgcolor"));
    document.getElementById("demo").innerHTML = 
    document.getElementById("demo").getAttribute("bgcolor");

    // With Jquery
    var bgColorWithJquery = $('#demo').attr("bgcolor");
    console.log(bgColorWithJquery);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"/>

<p bgcolor="asdf" id="demo">Click the button to change the text in this paragraph.</p>

<button onclick="myFunction()">Try it</button>

如何使用jQuery获取元素的HTML bgcolor

2 个答案: