[英]creating elements inside of DOM with JS
我是一个初学者，所以对一个愚蠢的问题感到抱歉。 问题是我无法使用JS在div“ app”内部添加div“ title”。 请帮帮我。
<!DOCTYPE HTML> <html> <head> <meta charset = "utf-8"> <meta name = "description" content = "Field v.1"> <title> Field v.1 </title> <style> .app{ background-color: 'black'; } .title{ background-color: 'green'; } </style> </head> <body> <div class = "app"> </div> <script> var app = document.querySelector('.app') var title = document.createElement('div') title.className = 'title' title.innerHTML = "BREAKING NEWS" app.appendChild(title); </script> </body> </html>
JavaScript非常完美。 这是您的JS的结果：
<div class="app">
<div class="title">BREAKING NEWS</div>
</div>
但是，您的CSS有一个小问题。 不要引用CSS值！ 。 它应该是：
.app{
background-color: black;
}
.title{
background-color: green;
}
<!DOCTYPE HTML> <html> <head> <meta charset = "utf-8"> <meta name = "description" content = "Field v.1"> <title> Field v.1 </title> <style> .app{ background-color: black; } .title{ background-color: green; } </style> </head> <body> <div class = "app"> </div> <script> var app = document.querySelector('.app') var title = document.createElement('div') title.className = 'title' title.innerHTML = "BREAKING NEWS" app.appendChild(title); </script> </body> </html>
您的JS代码没有错。 您可以在此Codepen中查看工作代码：
https://codepen.io/kmpkt/pen/bvYwpm
但是您的CSS代码中有错误。 CSS值不能用引号引起来：
background-color: black;
创建一个内部包含多个元素的新DOM元素并附加到DOM
[英]Creating a new DOM Element with multiple elements inside and attach to the DOM
Angularjs在创建dom元素时的表现，纯js vs jqlite
[英]Angularjs performance in creating dom elements, pure js vs jqlite
在d3.js选择/附加过程中访问dom元素-创建自定义标签云
[英]Accessing dom elements during d3.js select/append - creating custom tag cloud
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.