Question

我是初学者，所以我很抱歉这是一个愚蠢的问题。问题是我无法添加div＆＃34; title＆＃34;在div＆＃34; app＆＃34;使用JS。请帮帮我。

＆＃13;

<!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>

＆＃13;

Answer 1

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>

Answer 2

您的JS代码没有任何问题。您可以在此Codepen中查看您的工作代码：

https://codepen.io/kmpkt/pen/bvYwpm

但是你的CSS代码有错误。可能不会引用CSS值：

background-color: black;

使用JS在DOM中创建元素

2 个答案: