Question

我无法更改使用此代码的div样式：

var chatHeading = $('#chatHeading');
console.log(chatHeading[0]);
chatHeading[0].style('background', item.color, 'important');

但这给了我错误：TypeError: chatHeading[0].style is not a function

Answer 1

代码var chatHeading = $('#chatHeading');仅返回1个项目，因为您是通过ID获得的，因此请勿将其视为数组。

正确：

var chatHeading = $('#chatHeading');
 chatHeading.css('background', 'red', 'important');

var chatHeading = $('#chatHeading');
console.log(chatHeading);
chatHeading.css('background', 'red', 'important');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='chatHeading'>Chart Heading</div>
<div id='chatHeading'>Chart Heading</div>

Answer 2

尝试css()和background-color

var chatHeading = $('#chatHeading');
console.log(chatHeading);
chatHeading.css('background-color', 'red', 'important');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="chatHeading">chatHeading</div>

Answer 3

使用chatHeading[0]从jQuery对象中获取本机DOM节点，该对象具有（<只读>不是函数）一个（只读）style属性。

相反，它是一个提供CSS属性作为键值对的对象，您可以简单地为其分配：

chatHeading[0].style.background = item.color + '!important';

TypeError：chatHeading [0] .style不是函数

3 个答案: