如何为div
添加类
var new_row = document.createElement('div');
发布于 2009-07-12 12:30:49
new_row.className = "aClassName";
以下是关于MDN的更多信息:className
发布于 2015-12-27 22:46:23
使用.classList.add()
方法:
const element = document.querySelector('div.foo');
element.classList.add('bar');
console.log(element.className);
<div class="foo"></div>
此方法比覆盖className
属性更好,因为它不会删除其他类,也不会在元素已有类的情况下添加类。
您还可以使用element.classList
(请参见the MDN documentation)切换或删除类。
发布于 2015-07-15 21:05:33
这里是使用函数方法的工作源代码。
<html>
<head>
<style>
.news{padding:10px; margin-top:2px;background-color:red;color:#fff;}
</style>
</head>
<body>
<div id="dd"></div>
<script>
(function(){
var countup = this;
var newNode = document.createElement('div');
newNode.className = 'textNode news content';
newNode.innerHTML = 'this created div contains a class while created!!!';
document.getElementById('dd').appendChild(newNode);
})();
</script>
</body>
</html>
https://stackoverflow.com/questions/1115310
复制相似问题