我是一个初学者，所以我很抱歉问了一个愚蠢的问题。问题是我无法使用 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>关于javascript - 使用 JS 在 DOM 内部创建元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49501728/