Question

如何使用JavaScript添加类的元素

<div class="col-md-4 col-xs-6 work-item web-design" id=SetCategory">
.
.
<script>
        document.getElementById("SetCategory").classList.add({{ $category->name }}' ');
</script>
.
.
</div> <!-- end work-item -->

在我的显示中，<script>不起作用。

P.S。 $category->name是food，shop，travel，hotel，route，因为当我单击按钮时会引起不同显示的类别名称

Answer 1

这似乎是大学/大学的作业，而不是堆栈溢出的目的，我们这里并不是要帮助任何作弊的人，因为您应该意识到从该网站获取帮助需要引用。

您的问题是这个

document.getElementById("SetCategory").classList.add({{ $category->name }}' ')

这不是有效的Javascript，甚至也不是有效的C语法。

1）请学习如何通过chrome，firefox，Edge和IE 11按F12键使用网络浏览器检查器（“控制台”选项卡），因为它将在控制台输出中显示Uncaught SyntaxError: Unexpected token {行中的错误

2）浏览器中的Javascript具有令人称奇的文档资源，称为MDN结帐：https://developer.mozilla.org/en-US/docs/Web/API/Element/classList，尤其是页面上第一个代码示例的第9行，为后代考虑，该代码示例为：

const div = document.createElement('div');
div.className = 'foo';

// our starting state: <div class="foo"></div>
console.log(div.outerHTML);

// use the classList API to remove and add classes
div.classList.remove("foo");
div.classList.add("anotherclass");

// <div class="anotherclass"></div>
console.log(div.outerHTML);

如何使用JavaScript添加类元素

1 个答案: