【发布时间】：2014-02-23 11:44:35
【问题描述】：
我的任务是使用 DOM 在 javascript 中创建 html。我在加载列表时遇到了困难，我尝试了多种方法来实现它。我将我的尝试作为错误包括在内，因此可以很容易地发现它。作业的确切说明是；
a.添加一个 h1 元素并给它文本“My Generated Document”
b.在文档h1后面添加两个p元素，并放一些拉丁文作为内容。
c. 将第一个 p 元素的 id 设置为“para1”。
d.创建一个ul元素并在
之后添加元素。在列表中填满 4 里，列出你最喜欢做的事情。
e.为所有列表项分配一个“fav”类。
f.在第 4 里之前插入一个第 5 里，其中包含另一个喜欢的东西作为内容。不要为其分配类属性。
g.为所有带有“fav”类的 li 标签赋予字体系列：Arial、Helvetica、sans-serif 和字体大小：14px 样式
h.为 id 为“para1”的 p 元素设置一个您选择的大小的黑色实心边框和黄色背景色。
<!DOCTYPE html>
<html>
<head>
<title>Generator</title>
<meta charset="utf-8">
</head>
<body id = "page">
<script type="text/javascript" src="js/generator.js">
window.onload = function () {
var body = document.getElementById("page");
var h1 = document.createElement("h1");
h1.innerHTML = "My Generated Document";
body.appendChild(h1);
var para1 = document.createElement("p");
para1.id = "para1";
para1.innerHTML = "Lorem ipsum jibba jabba";
body.appendChild(para1);
var p = document.createElement("p");
p.innerHTML = "Curabitur blah blah";
body.appendChild(p);
var ul = document.createElement("ul");
var li1 = document.createElement("li");
li1.className = "fav";
li1.innerHTML = "One";
ul.appendChild(li1);
var li2 = document.createElement("li");
li2.className = "fav";
li2.innerHTML = "Two";
ul.appendChild(li2);
var li3 = document.createElement("li");
li3.className = "fav";
li3.innerHTML = "Three";
ul.appendChild(li3);
var li4 = document.createElement("li");
li4.className = "fav";
li4.innerHTML = "Four";
ul.appendChild(li4);
var li5 = document.createElement("li");
li5.innerHTML = "Five";
ul.appendChild(li5);
ul.insertBefore(li4, ul[3]);
body.appendChild(ul);
}
</script>
</body>
</html>
【问题讨论】：
-
您为什么不转到jsfiddle.net 并创建一个工作示例，然后从您的问题中链接到它。那时你会发现人们更有帮助。
-
感谢您的提示，我一定要在以后的问题中使用它
标签： javascript